Cómo establecer un borde para una etiqueta div HTML

Question

Estoy tratando de definir un borde alrededor de una etiqueta div en HTML. En algunos navegadores, el borde no aparece.

Aquí está mi código HTML:

<div id="divActivites" name="divActivites" style="border:thin"> 
 
    <textarea id="inActivities" name="inActivities" style="border:solid"> 
 
    </textarea> 
 
</div>

¿Cómo se configura un borde de una etiqueta HTML div?

Answer 1

Intente ser explícito sobre todas las propiedades de borde. Por ejemplo:

border:1px solid black; 

Ver Border shorthand property. Aunque los otros bits son opcionales, algunos navegadores no configuran el ancho o el color a un valor predeterminado que cabría esperar. En tu caso, apostaría a que el ancho es cero a menos que se especifique.

Answer 2

Debe configurar más campos y luego solo el ancho del borde. El estilo básicamente pone el borde en la página. El ancho controla el grosor y el color le dice de qué color forma el borde.

border-style: solid; border-width:thin; border-color: #FFFFFF; 

Answer 3

supongo que esto es donde está señalando ..

<div id="divActivites" name="divActivites" style="border:thin"> 
    <textarea id="inActivities" name="inActivities" style="border:solid"> 
    </textarea> 
</div> 

Bueno. debe ser escrito como border-width:thin

Aquí vas con el link (click here) la salida de los diferentes tipos de fronteras estilos de

También puede ajustar el ancho del borde escribiendo el ancho en términos de píxeles .. (como frontera- ancho: 1px), el ancho mínimo es 1px.

Answer 4

Según el W3C:

Dado que el valor inicial de los estilos de borde es 'none', no hay fronteras serán visibles a menos que se establece el estilo de borde.

En otras palabras, debe configurar un estilo de borde (por ejemplo, solid) para que se muestre el borde. border:thin solo establece el ancho. Además, el color será por defecto el mismo que el color del texto (que normalmente no se ve bien).

me recomiendan el establecimiento de los tres estilos:

style="border: thin solid black" 

Answer 5

puede utilizar

border-size:2px; 
border-style:solid; 
border-color:black; 

o como forma abreviada

border: 2px solid black 

Answer 6

Se puede utilizar:

border-style: solid; 
border-width: thin; 
border-color: #FFFFFF; 

Sin embargo, puedes cambiar esto como mejor te parezca.