English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @RULES

大全 des propriétés CSS

Border CSS-Méthode d'utilisation et exemple de la propriété width

border-La propriété width CSS est utilisée pour définir la largeur de la bordure individuelle, c'est une propriété abrégée, c'estborder-top-widthborder-right-widthborder-bottom-widthetborder-left-widthL'abréviation de l'attribut .

Le tableau suivant contient les instructions d'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :medium
Appliqué à :所有元素
继承:没有
Tous les élémentsTous les élémentsHéritage : Non
Animable :CSS 1,2,3
Oui.Veuillez consulterAttributs d'animation

border-Version :

Syntaxe JavaScript :

border-object 1 .style.borderWidth="thin thick" 4 Syntaxe d'utilisation de width

La syntaxe de cette propriété est la suivante :

  • width: [ thin | medium | thick | length ]ValeursCette abréviation peut être utilisée avec une, deux, trois ou quatre valeurs séparées par des espaces.

  • La première valeur est utilisée pour la bordure supérieure, la deuxième pour les bords droit et gauche, et la troisième pour la bordure inférieure.Si spécifiéDeux valeurs

  • La première valeur est utilisée pour la bordure supérieure, la deuxième pour les bords droit et gauche, et la troisième pour la bordure inférieure.La première valeur est utilisée pour les bords supérieur et inférieur, et la deuxième pour les bords droit et gauche.Trois valeurs

  • La première valeur est utilisée pour la bordure supérieure, la deuxième pour les bords droit et gauche, et la troisième pour la bordure inférieure.Si spécifiéQuatre valeurs

Si spécifié, chaque valeur sera appliquée en ordre croissant à la bordure.-Les exemples suivants montrent comment utiliser border

  Exemple
   border-p {
   border-style: solid; 5width:
  px;
}/Tester voir‹

border-styleAttention :-bottom-L'attribut width doit être déclaré avant l'attribut widthborder-styleLa valeur par défaut de l'attribut est none.

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
thinBordure fine.
mediumBordure moyenne.
thickBordure épaisse.
length

Valeur de longueur en px, pt, cm, em, etc., ne pas utiliser de valeurs négatives.

inheritSi spécifié, l'élément lié utilise le border de son élément parent-Valeur de l'attribut width.

Compatibilité navigateur

border-La compatibilité du navigateur pour l'attribut width est présentée dans le tableau suivant, les numéros indiquent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

Compatibilité navigateur -

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+)

  • Opera 4+

Lisez la suite

Voir tutoriel :Border CSSCSS3 Border

Attributs associés :borderborder-styleborder-colorborder-top-widthborder-right-widthborder-bottom-widthborder-left-width