CSS:border-style
Un article de MDC.
[modifier] Résumé
La propriété border-style est un raccourci pour définir le style de ligne des quatre côtés de la bordure d'un élément.
- Valeur initiale : aucune, ou suivant les propriétés individuelles.
- S'applique à : tous les éléments.
- Héritée : non.
- Pourcentages : N/A
- Média: Visuel
- Valeur calculée : comme les propriétés individuelles.
[modifier] Syntaxe
border-style: [ <border-style> ]{1,4} | inherit
[modifier] Valeurs
- <border-style>
- Le style de bordure peut prendre l'une des valeurs suivantes :
-
none - Aucune bordure, la largeur de la bordure est égale à 0. C'est la valeur par défaut.
-
hidden - Identique à
none, excepté pour la résolution des problèmes de bordures, pour les éléments de tableau par exemple. -
dashed - Lignes discontinues (tirets).
-
dotted - Lignes pointillées.
-
double - Deux lignes droites continues séparées d'un nombre de pixels défini par
border-width. -
groove - Effet de gravure.
-
inset - La boite semble enfoncée.
-
outset - Opposé de
inset. La boîte semble sortir de la page. -
ridge - Opposé de
groove. La bordure semble sortir de la page. -
solid - Ligne droite continue.
Vous pouvez passer jusqu'à 4 valeurs :
- Si une seule valeur est définie, elle s'applique aux quatre cotés.
- Si deux valeurs sont définies, la première valeur s'applique aux côtés haut et bas de la bordure et la seconde aux côtés gauche et droit.
- Si trois valeurs sont définies, la premièrere s'applique au côté haut de la bordure, la deuxième aux côtés gauche et droit et la troisième au côté bas.
- Si quatre valeurs sont définies, la première s'applique au côté haut de la bordure, la deuxième au côté droit, la troisième au côté bas et la quatrième au côté gauche.
[modifier] Exemples
Voir des exemples en ligne (en)
element {
border-width: 1px;
border-style: solid;
border-color: black;
}
[modifier] Notes
La valeur par défaut de border-style est none. Cela signifie que si vous modifiez border-width et border-color vous ne verrez pas s'afficher de bordure, à moins de modifier également cette propriété avec une valeur différente de none ou de hidden.
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
| Navigateur | Version minimale |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 4 |
| Opera | 3.5 |