Les feuilles de styles CSS
DEUXIÈME PARTIE
86
• double : deux traits pleins d’épaisseur égale et séparés par un espace vide de même
épaisseur ;
• groove : effet 3D gravé dans la page, opposé de ridge ;
• hidden : pas de bordure mais influe sur la bordure mitoyenne ;
• inset : effet entrant, élément incrusté dans la page (opposé d’outset) ;
• none : pas de bordure ; équivaut à border-width: 0 ;
• outset : effet sortant, élément extrudé de la page (opposé d’inset) ;
• ridge : effet 3D sortant de la page, opposé de groove ;
• solid : trait plein.
Chacun des quatre côtés d’un élément peut aussi être représenté différemment. Pour
cela, on précise à la suite plusieurs valeurs de border-style, dont l’interprétation
dépendra de leur nombre.
• deux valeurs seront respectivement affectées aux côtés horizontaux et verticaux du
cadre. Par exemple : border-style: solid dotted;
• trois valeurs concerneront tour à tour le haut, les côtés verticaux, et le bas. Par
exemple : border-style: solid double dotted;
• quatre valeurs décriront les styles des quatre côtés en tournant dans le sens horaire
haut, droit, bas, et gauche.
Par exemple : border-style: solid double dotted ridge;
Il existe une autre possibilité : les propriétés border-top-style (haut), borderright-style (droit), border-bottom-style (bas) et border-left-style (gauche)
s’appliqueront directement au style de bordure d’un côté.
Figure 6–1
Les différents types
de bordures
DEUXIÈME PARTIE
86
• double : deux traits pleins d’épaisseur égale et séparés par un espace vide de même
épaisseur ;
• groove : effet 3D gravé dans la page, opposé de ridge ;
• hidden : pas de bordure mais influe sur la bordure mitoyenne ;
• inset : effet entrant, élément incrusté dans la page (opposé d’outset) ;
• none : pas de bordure ; équivaut à border-width: 0 ;
• outset : effet sortant, élément extrudé de la page (opposé d’inset) ;
• ridge : effet 3D sortant de la page, opposé de groove ;
• solid : trait plein.
Chacun des quatre côtés d’un élément peut aussi être représenté différemment. Pour
cela, on précise à la suite plusieurs valeurs de border-style, dont l’interprétation
dépendra de leur nombre.
• deux valeurs seront respectivement affectées aux côtés horizontaux et verticaux du
cadre. Par exemple : border-style: solid dotted;
• trois valeurs concerneront tour à tour le haut, les côtés verticaux, et le bas. Par
exemple : border-style: solid double dotted;
• quatre valeurs décriront les styles des quatre côtés en tournant dans le sens horaire
haut, droit, bas, et gauche.
Par exemple : border-style: solid double dotted ridge;
Il existe une autre possibilité : les propriétés border-top-style (haut), borderright-style (droit), border-bottom-style (bas) et border-left-style (gauche)
s’appliqueront directement au style de bordure d’un côté.
Figure 6–1
Les différents types
de bordures