Ces propriétés spécifient le style de chacune des bordures en l'occurrence supérieure, inférieure, droite et gauche. Dans ce cas, il est possible de définir des couleurs de bordures différentes pour un même élément.

border-top-style Valeur none hidden dotted dashed solid double groove ridge inset outset Valeur par défaut none Domaine d'application Tous les éléments Héritage non Media visuel	border-left-style Valeur none hidden dotted dashed solid double groove ridge inset outset Valeur par défaut none Domaine d'application Tous les éléments Héritage non Media visuel
border-right-style Valeur none hidden dotted dashed solid double groove ridge inset outset Valeur par défaut none Domaine d'application Tous les éléments Héritage non Media visuel	border-bottom-style Valeur none hidden dotted dashed solid double groove ridge inset outset 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.	h2 {border-top-style: none}
hidden	La bordure est cachée.	img {border-bottom-style: hidden}
dotted	La bordure prend la forme de points.	object {border-left-style: dotted}
dashed	La bordure prend la forme de tirets.	embed {border-right-style: dashed}
solid	La bordure est pleine.	blockquote {border-bottom-style: solid}
double	La bordure prend la forme de deux lignes.	td {border-top-style: double}
groove	La bordure prend la forme d'une rainure.	ul {border-bottom-style: groove}
ridge	La bordure prend la forme d'un sillon.	input {border-left-style: ridge}
inset	La bordure est enfoncée.	textarea {border-right-style: inset}
outset	La bordure prend la forme inverse de inset.	table {border-bottom-style: outset}

Compatibilité

Windows									Macintosh
NE4	NE6	NE7	IE5	IE55	IE6	OP5	OP6	OP7	NE4	NE6	NE7	IE4	IE5

Sommaire