border-bottom-style, border-left-style, border-right-style, border-top-style

NN 6 IE 4 CSS 2

Hérité: non

Chacun de ces attributs définit le style de ligne à appliquer à un seul côté de la bordure d'un élément. Un attribut de style définissant un côté spécifique d'une bordure a priorité sur un attribut global définissant les quatre côtés à la fois (tel que border ou border-style); il faut toutefois que l'attribut spécifique apparaisse après l'attribut dans la règle de style global (dans l'ordre du code source). Pour définir le style de plusieurs côtés d'une bordure à l'aide d'une seule instruction, voir l'attribut border-style.

Syntaxe CSS

border-bottom-style: style
border-left-style: style
border-right-style: style
border-top-style: style

Valeur

Les valeurs de style sont des constantes associées à des méthodes spécifiques d'affichage des bordures. Les différentes versions des navigateurs ne reconnaissent pas toutes la totalité des valeurs des recommandations CSS. Les valeurs de style prises en charge sont indiquées dans le tableau suivant.

La façon dont les navigateurs interprètent les définitions des valeurs de style est loin d'être universelle. La figure 11-1 offre un récapitulatif de tous les styles affichés dans Internet Explorer 6 pour Windows, Explorer 5 pour Macintosh et Netscape 6. Ne vous attendez pas à une représentation identique dans tous les navigateurs.

Valeur	NN	IE/Windows	IE/Mac	CSS
dashed	6	5.5	4	1
dotted	6	5.5	4	1
double	4	4	4	1
groove	4	4	4	1
hidden	6	s.o	4	2
inset	4	4	4	1
none	4	4	4	1
outset	4	4	4	1
ridge	4	4	4	1
solid	4	4	4	1

Valeur initiale

none

Exemple

p {border-style: solid; border-bottom-style: none}
div {border-left-style: ridge}

S'applique à

Tous les éléments.

Référence de modèle d'objet

[window.]document.getElementById("elementID").style.borderBottomStyle
[window.]document.getElementById("elementID").style.borderLeftStyle
[window.]document.getElementById("elementID").style.borderRightStyle
[window.]document.getElementById("elementID").style.borderTopStyle