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




Par carabde 10 mars 2014
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Où mettre le code js

    Où mettre le code js : Dans ce cours nous allons apprendre plus de précision sur où mettre le code js dans une page web

    Balise table

    Définit une table

    Objet string javascript

    Objet string javascript : L'objet String (ou chaîne de caractères) est employé pour manoeuvrer un texte ou une partie d’un texte.