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

manuel de référence CSS

règle CSS @ (RULES)

大全 des propriétés CSS

CSS border-haut-size propriété

border-haut-Méthode d'utilisation et exemple de propriété couleur   border-couleurouborder-hautCes 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 le script JavaScript.

Valeur par défaut :couleurValeur de propriété
Appliqué à :Tous les éléments
Héritage :Non
Animable :Est.Veuillez consulter Propriété d'animation
Version :CSS 1,2,3
JavaScript syntaxe :objet.style.borderTopColor="red"

border-haut-Syntaxe de l'utilisation de couleur

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

border-haut-couleur: color | transparent | initial | inherit

Les exemples suivants montrent comment utiliser border-haut-propriété couleur.

  p {
   border-style: solide;
   border-haut-couleur: #ff0000;
  }
Testez pour voir‹/›

Attention :Vous devez définir border-bas-La propriété width doit être déclarée 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 propriété

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

ValeurDescription
couleurSpécifiez la couleur de la bordure supérieure. VoirValeur de couleur CSSPour obtenir une liste des valeurs de couleur possibles.
transparentPermet que la bordure soit transparente, même si elle peut occuperborder-largeurEspace de propriété.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la bordure du parent-haut-Valeur de la propriété couleur.

Compatibilité du navigateur

border-haut-La compatibilité des navigateurs pour la propriété couleur, 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+

En savoir plus

Voir la tutoriel :CSS BorderCSS3 Border

Propriétés associées :borderborder-couleurborder-hautborder-haut-style
border-haut-largeur