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

manuel de référence CSS

règles CSS @

大全 des attributs CSS

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

border-droite-Utilisation et exemples de la propriété width CSS pour définir la largeur de la bordure droite d'un élément. Cependant, dans de nombreux cas, comme   border-largeurouborder-droite Ces propriétés CSS abrégées sont plus faciles à utiliser et plus recommandées.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :medium
Applicable à :Tous les éléments
Héritage :Non
Animable :Oui.Veuillez consulter Propriétés animées
Version :CSS 1,2,3
Syntaxe JavaScript :    
object.style.borderRightWidth="thick"

border-droite-Syntaxe de l'utilisation de width

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

border-droite-largeur: thin | medium | thick | length | initial | inherit

Les exemples suivants montrent comment utiliser border-droite-propriété width.

  p {
   border-style: solid;
   border-droite-largeur: 15px;
  }
Vérifiez ici‹/›

Attention :Vous devez spécifier border-bas-propriété width avantborder-stylePropriété. L'élément doit avoir une bordure avant de pouvoir définir la largeur de la bordure, car laborder-styleLa valeur par défaut de cette propriété est none.

Valeur de propriété

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

ValeurDescription
thinBordure fine.
mediumBordure moyenne.
thickBordure épaisse.
lengthValeur de longueur en px, pt, cm, em, etc. Ne pas permettre de valeurs négatives.
initialRétablir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la bordure parente border-droite-Valeur de la propriété width.

Compatibilité du navigateur

border-droite-Compatibilité des navigateurs pour la propriété width ; les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Lisez la suite

Veuillez consulter les tutoriels suivants :CSS Border

Propriétés associées :borderborder-largeurborder-droiteborder-droite-couleur
border-droite-style