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

manuel de référence CSS

règles CSS @

大全 des propriétés CSS

CSS border-bottom-Méthode d'utilisation et exemple de l'attribut width

border-bottom-L'attribut width CSS est utilisé pour définir séparément la largeur du bord inférieur de l'élément. Mais dans la pratique, on utilise souvent   border-widthOuborder-bottomPour définir le style de largeur du bord inférieur.

Le tableau suivant décrit l'utilisation de cet attribut, l'historique des versions et la syntaxe de cet attribut dans les scripts JavaScript.

Valeur par défaut :medium
Applicable à :Tous les éléments
Héritage :Non
Animable :Oui.Veuillez consulter Attribut d'animation
Version :CSS 1,2,3
Syntaxe JavaScript :object object.style.borderBottomWidth="thick"

border-bottom-Syntaxe de l'utilisation de width

La syntaxe de cet attribut est la suivante :

border-bottom-width: thin | medium | thick | length | initial | inherit

Les exemples suivants montrent comment utiliser border-bottom-Attribut width

  p {
   border-style: solid;
   border-bottom-width: 15px;
  }
Voyons voir‹/›

Attention :Vous devez utiliser border-bottom-Déclaration de l'attribut width avantborder-styleAttribut. De plus, l'élément doit avoir une bordure, et la largeur de la bordure ne peut pas être 0, avant de pouvoir définir la largeur de la bordure, carborder-styleLa valeur par défaut de cet attribut est none.

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

ValeurDescription
thinBordure fine.
mediumBordure moyenne.
thickBordure épaisse.
lengthValeur de longueur en unités telles que px, pt, cm, em, etc. Mais ne pas permettre des valeurs négatives.
initialRéinitialisez cet attribut à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la bordure de son élément parent-bottom-Valeur calculée de l'attribut width.

Compatibilité du navigateur

border-bottom-Compatibilité des navigateurs pour l'attribut width ; les numéros dans le tableau ci-dessous représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Voir les tutoriels :CSS BorderCSS3 Border

Attributs associés :borderborder-widthborder-bottomborder-bottom-color
border-bottom-style