Comment définir une bordure pour une balise HTML div

Question

J'essaie de définir une bordure autour d'une balise div en HTML. Dans certains navigateurs, la bordure n'apparaît pas.

Voici mon code HTML :

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

Comment définir une bordure pour une balise HTML div ?

Answer 1

Essayez d'être explicite sur toutes les propriétés de bordure. Par exemple :

border:1px solid black;

Voir Propriété de sténographie de frontière. Bien que les autres bits soient facultatifs, certains navigateurs ne définissent pas la largeur ou la couleur par défaut. Dans votre cas, je parie que c'est la largeur qui est zéro sauf indication contraire.

Answer 2

Selon le W3C :

Puisque la valeur initiale des styles de bordure est 'none', aucune bordure ne sera visible à moins que le style de bordure ne soit défini.

En d'autres termes, vous devez définir un style de bordure (par exemple solid) pour que la bordure s'affiche. border:thin ne définit que la largeur. En outre, la couleur sera par défaut la même que la couleur du texte (qui ne semble normalement pas bonne).

Je recommande de définir les trois styles :

style="border: thin solid black"

Answer 3

Vous pouvez utiliser :

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

Vous pouvez cependant les modifier comme bon vous semble.

Answer 4

Je suppose que c'est là que vous pointez ..

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

Eh bien, il doit être écrit en tant que border-width:thin

Ici vous allez avec le lien (cliquez ici) vérifier les différents types de Border-styles

vous pouvez également définir la largeur de la bordure en écrivant la largeur en termes de pixels.. (comme border-width :1px), la largeur minimale est de 1px.