Cómo establecer un borde para una etiqueta HTML div

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

Aquí está mi código HTML:

begin snippet: js hide: false console: true babel: false -->

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

¿Cómo puedo establecer un borde para una etiqueta HTML div?

Solución

Intenta ser explícito con todas las propiedades de los bordes. Por ejemplo:

border:1px solid black;

Ver Propiedad abreviada del borde. Aunque las otras partes son opcionales, algunos navegadores no establecen la anchura o el color por defecto. En su caso, yo apostaría a que es el ancho el que está a cero a menos que se especifique.

Comentarios (2)

Supongo que aquí es donde está apuntando ..


<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
Comentarios (0)

Es necesario establecer más campos que la anchura 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 debe ser el borde.

border-style: solid; border-width:thin; border-color: #FFFFFF;
Comentarios (0)