border-bottom-style,
border-left-style,
border-right-style,
border-top-style
Chacune de ces propriétés définit le style de ligne à appliquer à un seul côté de la bordure d'un élément.
Une propriété de style définissant un côté spécifique d'une bordure a priorité sur une propriété global définissant les quatre côtés à la fois (tel que border ou border-style); il faut toutefois que la propriété spécifique apparaisse après la propriété 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 la propriété border-style.
Pour la façon particulière dont Internet Explorer interprête parfois ces propriétés, reportez-vous à la propriété border.
border-left-style: style
border-right-style: style
border-top-style: style
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. Le tableau suivant propose un récapitulatif de tous les styles affichés dans Internet Explorer 6 pour Windows et Explorer 5 pour Macintosh. Les navigateurs plus récents supportent tous ces styles, mais ne vous attendez pas à une représentation identique avec chacun d'entre eux.
Valeur | IE/Windows | IE/Mac | CSS |
---|---|---|---|
dashed | 5.5 | 4 | 1 |
dotted | 5.5 | 4 | 1 |
double | 4 | 4 | 1 |
groove | 4 | 4 | 1 |
hidden | s.o | 4 | 2 |
inset | 4 | 4 | 1 |
none | 4 | 4 | 1 |
outset | 4 | 4 | 1 |
ridge | 4 | 4 | 1 |
solid | 4 | 4 | 1 |
none
div {border-left-style: ridge}
Tous les éléments.
[window.]document .getElementById("elementID") .style .borderBottomStyle
[window.]document .getElementById("elementID") .style .borderLeftStyle
[window.]document .getElementById("elementID") .style .borderRightStyle
[window.]document .getElementById("elementID") .style .borderTopStyle
border-bottom-color,
border-top-color,
border-left-color,
border-right-color
(pour définir la couleur d'un seul bord d'un cadre)
border-bottom-style,
border-top-style,
border-left-style,
border-right-style
(pour définir le style d'un seul bord d'un cadre)
border-bottom-width,
border-top-width,
border-left-width,
border-right-width
(pour définir l'épaisseur d'un seul bord d'un cadre)
border-bottom,
border-top,
border-left,
border-right,
(pour définir toutes les caractéristiques d'un seul bord d'un cadre)
border-color
(pour définir la couleur d'un cadre)
border-style
(pour définir le style d'un cadre)
border-width
(pour définir l'épaisseur d'un cadre)
border
(pour définir toutes les caractéristiques d'un cadre).
-moz-border-radius, -moz-border-radius-bottomleft,
-moz-border-radius-bottomright,
-moz-border-radius-topleft,
-moz-border-radius-topright
(propriétés propres à Mozilla pour définir les formes d'angle d'un cadre).
Ce site vous a plu ? Visitez aussi : et
Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.