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