border-width

NN 4 IE 4 CSS 1

Hérité: non

Cette forme courte d'attribut permet d'appliquer à plusieurs côtés d'une bordure la même largeur ou une largeur différente. Vous pouvez spécifier entre une et quatre valeurs de longueur/largeur, séparées par des espaces. Le nombre de valeurs détermine les côtés auxquels seront affectées ces largeurs.

Syntaxe CSS

border-width: thin | medium | thick | length {1,4}

Valeur

Trois constantes, thin | medium | thick, permettent au navigateur de définir le nombre exact de pixels à utiliser pour afficher la bordure. Pour une plus grande précision, vous pouvez spécifier une longueur (pour en savoir plus sur les valeurs de longueur, reportez-vous au début du présent chapitre).

Cet attribut accepte une, deux, trois ou quatre valeurs de borderWidth, séparés 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 de la façon suivante:

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

medium (IE et NN 6); 0 (NN 4)

Exemple

h1 {border-style: ridge; border-width: 3px 5px 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.borderWidth