Attribut border-top CSS

Définition et utilisation

La propriété abrégée border-top place toutes les propriétés du bord supérieur dans une seule déclaration.

Les propriétés peuvent être définies dans l'ordre suivant :

Si l'une des valeurs n'est pas définie, cela ne pose pas de problème, par exemple border-top:solid #ff0000; est également autorisé.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence HTML DOM :Propriété borderTop

Exemple

Définir le style du bord supérieur :

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

Essayez-le vous-même

Syntaxe CSS

border-top: border-width border-style border-color|initial|inherit;

Valeur de l'attribut

Valeur Description
border-top-width Définit la largeur du bord supérieur. Voir :border-top-width les valeurs possibles.
border-top-style Définit le style du bord supérieur. Voir :border-top-style les valeurs possibles.
border-top-color Définit la couleur du bord supérieur. Voir :border-top-color les valeurs possibles.
inherit Définit que la propriété border-top doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.borderTop="3px solid blue"

Plus d'exemples

Toutes les propriétés de bord supérieur dans une seule déclaration
Cet exemple montre comment utiliser les propriétés abrégées pour définir toutes les propriétés de bord supérieur dans une seule déclaration.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Remarque :Les navigateurs IE7 et antérieurs ne prennent pas en charge la valeur "inherit". IE8 nécessite !DOCTYPE. IE9 prend en charge "inherit".