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?
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.
Supongo que aquí es donde está apuntando ..
<div id="divActivites" name="divActivites" style="border:thin">
<textarea id="inActivities" name="inActivities" style="border:solid">
</textarea>
</div>
Bueno. debe escribirse como border-width:thin
.
Aquí tienes el enlace (pincha aquí) comprueba los diferentes tipos de estilos de bordes
también puedes establecer el ancho del borde escribiendo el ancho en términos de píxeles.. (como border-width:1px), el ancho mínimo es 1px.
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;