Définir le style de bordure

border-style définit le style des quatre bordures d'un élément. Cette propriété peut avoir une à quatre valeurs.

Exemple :

border-style:dotted solid double dashed;

● La bordure supérieure est en pointillés

● La bordure droite est une ligne continue

● La bordure inférieure est une ligne double

● La bordure gauche est Ligne pointillée

border-style:dotted solid double;

Quantity La bordure supérieure est en pointillés

● Les bordures droite et gauche sont des lignes pleines

● La bordure inférieure est en doubles lignes

border-style:dotted solid;

weight Les bordures supérieure et inférieure sont en pointillés

Quantity Right La bordure et la bordure gauche sont des lignes pleines

border-style:dotted;

Quantity Les 4 bordures sont en pointillés

Valeurs d'attribut qui peuvent être définies :

none : ne définir aucune bordure .

hidden : Identique à "aucun". Sauf lorsqu'il est appliqué aux tables, pour lesquelles Hidden est utilisé pour résoudre les conflits de bordure.

dotted : définit une bordure en pointillés. S'affiche sous la forme d'une ligne continue dans la plupart des navigateurs.

dashed : Définit la ligne pointillée. S'affiche sous la forme d'une ligne continue dans la plupart des navigateurs.

solide : Définissez une ligne continue.

double : Définissez des lignes doubles. La largeur de la double ligne est égale à la valeur de border-width.

groove : Définissez la bordure du groove 3D. L'effet dépend de la valeur de border-color.

ridge : Définissez la bordure de crête 3D. L'effet dépend de la valeur de border-color.

inset : définissez une bordure d'insertion 3D. L'effet dépend de la valeur de border-color.

outset : Définissez la bordure de départ 3D. L'effet dépend de la valeur de border-color.

inherit : Spécifie que le style de bordure doit être hérité de l'élément parent.