Accueil    CSS    Propriété Border-color
 



style css border-color  Style CSS border-color

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété border-color indique la couleur qui sera appliquée aux bordures d'un élément. Il est possible de définir ce style de façon globale pour les quatre bordures ou de façon spécifique pour chacune des bordures en spécifiant chacune d'elle (border-top, border-left, border-right, border-bottom).



Propriétés pour le style border-color :




Propriété Définition Valeurs CSS
border-color Couleur de la bordure nom couleur
valeur rgb
valeur #hexa
transparent
CSS 1


Exemple d'utilisation du style css border-color :





<div style="padding:5px; width:200px; height:30px; border:solid 1px red;">
   bordure solide et couleur rouge
</div>

<div style="padding:5px; width:200px; height:30px; border:dashed 1px #84DE65;">
   bordure pointillée et couleur hexadécimale
</div>

<div style="padding:5px; width:200px; height:30px;
   border-left:dotted 2px green; border-right:solid 2px darkgreen;
   border-top:solid 2px olive; border-bottom:solid 2px silver;">
   bordures spécifiques
</div>




bordure solide et couleur rouge

bordure pointillée et couleur hexadécimale

bordures spécifiques