border-top-color
La propriété border-top-color
définit la couleur utilisée pour la bordure haute d'un élément.
Pour avoir une formulation plus concise, on pourra utiliser les propriétés raccourcies border-color
et/ou border-top
.
Exemple interactif
Syntaxe
css
/* Valeurs de type <color> */
border-top-color: red;
border-top-color: #ffbb00;
border-top-color: rgb(255, 0, 0);
border-top-color: hsla(100%, 50%, 25%, 0.75);
border-top-color: currentColor;
border-top-color: transparent;
/* Valeurs globales */
border-top-color: inherit;
border-top-color: initial;
border-top-color: unset;
Valeurs
Définition formelle
Valeur initiale | currentcolor |
---|---|
Applicabilité | tous les éléments. S'applique aussi à ::first-letter . |
Héritée | non |
Valeur calculée | couleur calculée |
Type d'animation | une couleur |
Syntaxe formelle
Exemples
CSS
css
.maboite {
border: solid 0.3em gold;
border-top-color: red;
width: auto;
}
.texterouge {
color: red;
}
HTML
html
<div class="maboite">
<p>
Une boîte avec une bordure autour. Notez le côté de la boîte qui est
<span class="texterouge">rouge</span>.
</p>
</div>
Résultat
Spécifications
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # border-color |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- Les propriétés raccourciées liées aux bordures
- Les propriétés de couleur pour les autres bordures :
- Les autres propriétés liées à la bordure du haut :