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.