border-style

NN 4 IE 4 CSS 1

Hérité: non

Cette forme courte d'attribut permet d'appliquer à plusieurs côtés d'une bordure le même style ou un style différent. Navigator 4 n'autorise qu'une seule valeur, laquelle est appliquée aux quatre côtés de la bordure. Pour Internet Explorer et Netscape 6, vous pouvez fournir de une à quatre valeurs de style de bordure séparées par un espace. Le nombre de valeurs spécifiées détermine à quels côtés de la bordure ce style doit être appliqué.

Syntaxe CSS

border-style: borderStyle {1,4}

Valeur

Les valeurs de style sont des constantes associées à des méthodes spécifiques d'affichage des bordures. Les navigateurs ne reconnaissent pas tous la totalité des valeurs des recommandations CSS. Les valeurs de style prises en charge sont les suivantes.

La façon précise dont les navigateurs interprètent les définitions des valeurs de style est loin d'être universelle. La figure 11-1 offre un récapitulatif des styles affichés dans Internet Explorer 6 pour Windows, Explorer 5 pour Macintosh et Netscape 6. Ne vous attendez pas à une représentation identique dans tous les navigateurs.

Dans Navigator 4, vous ne pouvez appliquer qu'une seule valeur de style. Dans Internet Explorer et Netscape 6, l'attribut accepte une, deux, trois ou quatre valeurs borderStyle, séparées par des espaces, selon le nombre de côtés et les côtés spécifiques auxquels vous souhaitez appliquer les styles. Les valeurs spécifiées sont interprétées comme l'indique le tableau suivant.

Valeur	NN	IE/Windows	IE/Mac	CSS
dashed	6	5.5	4	1
dotted	6	5.5	4	1
double	4	4	4	1
groove	4	4	4	1
hidden	6	s.o	4	2
inset	4	4	4	1
none	4	4	4	1
outset	4	4	4	1
ridge	4	4	4	1
solid	4	4	4	1

Nombre de valeurs	Effet
1	La valeur spécifiée est appliquée aux quatre côtés de la bordure.
2	La première valeur spécifiée est appliquée aux côtés supérieur et inférieur, et la seconde valeur aux côtés droit et gauche
3	La première valeur est appliquée au côté supérieur, la seconde aux côtés droit et gauche, et la troisième au côté inférieur
4	Chaque valeur est appliquée, respectivement, au côté supérieur, droit, inférieur et gauche

Valeur initiale

none

Exemple

h1 {border-style: ridge; border-width: 3px}
div {border-style: solid double; border-width: 4px}

S'applique à

Tous les éléments, mais uniquement les éléments de niveau bloc et éléments remplacés dans IE 4 et 5 pour Windows.

Référence de modèle d'objet

[window.]document.getElementById("elementID").style.borderStyle