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

CSS Reference Manual

CSS @rules (RULES)

Comprehensive List of CSS Attributes

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

border-top-La propriété width CSS est utilisée pour définir la largeur de la bordure supérieure de l'élément. Cependant, dans de nombreux cas, comme  border-widthouborder-topCes propriétés CSS abrégées sont plus faciles à utiliser et plus recommandées.

Le tableau suivant contient des instructions sur l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.

Valeur par défaut :medium
Applicable à :Tous les éléments
Héritage :Non
Animable :Oui.Voir également Propriété animée
Version :CSS 1,2,3
Syntaxe JavaScript :object object.style.borderTopWidth="thick"

border-top-Syntaxe de l'utilisation de width

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

border-top-width: thin | medium | thick | length | inherit

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

  p {
   border-style: solid;
   border-top-width: 15px;
  }
Essayez de voir‹/›

Attention :Vous devez spécifier dans border-bottom-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 la propriété est none.

Valeur de la propriété

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

ValeurDescription
thinBordure fine.
mediumBordure moyenne.
thickBordure épaisse.
LongueurValeurs de longueur exprimées en px, pt, cm, em, etc. Ne pas utiliser de valeurs négatives.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la bordure de l'élément parent-top-La valeur de la propriété width.

Compatibilité du navigateur

border-top-La 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

Voir l'instruction :CSS BorderCSS3 Border

propriétés associées :borderborder-widthborder-topborder-top-color
border-top-style