logo oujood
🔍

CSS La propriété : border-color

.......................

La propriété CSS border-color


Les propriétés CSS

La propriété de feuille de style css border-color permet de spécifier la couleur des quatre bordures d'un élément.

Définition et utilisation:La propriété border-color

La propriété border-color définit la couleur des quatre frontières d'un élément.
Exemples:

border-color:red green blue pink;
  • bordure supérieure est rouge
  • bordure droite est vert
  • bordure inférieure est bleue
  • bord gauche est rose
border-color:red green blue;
  • bordure supérieure est rouge
  • droit et gauche sont vertes frontières
  • bordure inférieure est bleue
border-color:dotted red green;
  • frontières haut et en bas sont en rouge
  • droit et gauche sont vertes frontières
border-color:red;
  • Tous les borures en rouge

Note:
Toujours déclarer la propriété border-style avant que la propriété border-color. Un élément doit avoir des frontières avant de pouvoir changer la couleur.

Code css : Sélectionner le code
	p
	{
	border-style:solid;
	border-color:#ff0000 #0000ff;
	}

La valeur par défaut:non specifier
Héritée:no
Version: CSS1
la syntaxe JavaScript: object.style.borderColor="#FF0000"

Valeurs de la propriété :

Valeur Description
nom de la couleur Spécifie la couleur de fond avec un nom de couleur, comme red
nombre exadécimal Spécifie la couleur de fond avec un code de sortilège, comme #ff0000
nombre RGB Spécifie la couleur de fond avec un code de RVB, comme RVB (255.0.0)
transparent Spécifie que la couleur de fond devrait être transparente. Par défaut
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur

On peut dire la même chause pour la couleur de chaque bordure : haut, bas, gauche ou droite en utilisant les propiétés:
border-top-color, border-bottom-color,border-left-color ,border-right-color

Sommaire
Par carabde 10 mars 2014