docLa propriété BORDER-COLOR
download 
Plainte Transcription
La propriété BORDER-COLOR
La propriété BORDER-COLOR
La propriété BORDER-COLOR permet de mettre une couleur à la bordure de votre tableau. Généralement, on associe cette
propriété à la balise body.
Nous allons reprendre l'exemple précédent et nous allons ajouter la propriété BORDER-COLOR.
Exemple : Le code css
#tableau {
border:3px solid;
border-color:#9900CC;
background-color:#FFFF00; /*Couleur de fond du tableau
}
Exemple : le HTML associé au css
<body>
<div id="tableau">Un tableau avec une bordure de 3 pixels et de couleur violette</div>
</body>
Ici, nous avons mis une couleur de bordure pour les 4 côtés du tableau mais nous aurions très bien pu mettre des couleurs de
bordures différentes pour les 4 côtés. Pour cela, 4 autres propriétés sont connus :
●
●
●
●
La propriété BORDER-BOTTOM-COLOR : Cette propriété permet de changer la couleur de la bordure du bas du tableau.
La propriété BORDER-TOP-COLOR : Cette propriété permet de changer la couleur de la bordure du haut du tableau.
La propriété BORDER-LEFT-COLOR : Cette propriété de changer la couleur de la bordure de gauche du tableau.
La propriété BORDER-RIGHT-COLOR : Cette propriété permet de changer la couleur de la bordure de droite du tableau.
