 |

La propriété Border-Style
Cette propriété permet de définir un style pour la bordure d'un élément.
Il est également possible d'affecter un style différent pour chaque côté de la bordure en indiquant quatre valeurs, si seulement deux sont définies, alors la première appliquera un style en haut et en bas et la seconde à droite et à gauche de la bordure.
| border-style |
| Valeur |
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset |
| Type |
CSS 1 & 2 |
| Compatibilité |
5+
7+
4+
9+ |
| Valeur par défaut |
none |
| Domaine d'application |
Tous les éléments |
| Héritage |
non |
| Media |
visuel |
Valeur possible |
Action |
Exemple |
| none |
Aucun style n'est spécifié pour la bordure. |
table {border-style: none} |
| groove |
La bordure prend la forme d'une rainure. |
td {border-style: groove} |
| inset |
La bordure est enfoncée. |
p {border-style: inset} |
Exemples
Aucune bordure n'est spécifiée.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {border-style: none}
|
La bordure prend la forme d'une rainure.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {border-style: groove}
|
La bordure est enfoncée.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {border-style: inset}
|
 |

|