Comment utiliser CSS border-color property_CSS tutoriel_CSS_Production de pages Web

border-color -- Définit la couleur des quatre bordures Valeur :[ | transparent ]{1,4} | {1,4} : représentation des couleurs transparent{1,4} : transparent hériter : hérite de valeur initiale : identique à la valeur par défaut de l'attribut color Héritage : Non S'applique à : tous les éléments bordure : bordure, couleur : couleur. bordure-colo border-color -- définit la couleur des quatre bordures
valeurs : [ | transparent ]{1,4} | hérite
{1,4} : représentation des couleurs
transparent{1,4} : transparent
hériter : hériter
valeur initiale : identique à la valeur par défaut de l'attribut de couleur
héritage : non
Applicable à : tous les éléments
frontière : bordure , color :Color. Les méthodes d'attribution de
border-color et border-width sont les mêmes, et vous pouvez attribuer respectivement 1, 2, 3 ou 4 valeurs de couleur
<.>Exemple
p#fourborders
{
border-color:red black blue green
}
Si quatre valeurs sont définies, alors ces quatre valeurs sont les premières, bordures droite, inférieure et gauche (à partir de la bordure supérieure et en parcourant dans le sens des aiguilles d'une montre). La bordure supérieure qui définit le paragraphe Dream City est rouge, la bordure droite est noire, la bordure inférieure est bleue et la bordure gauche est green.

p#twoborders
{
border-color: red black blue;
}
Si vous définissez seulement trois valeurs, la valeur du milieu représente les bordures gauche et droite. Définissez la bordure supérieure du paragraphe Dream City comme étant rouge et la bordure inférieure comme étant bleue, les bordures gauche et droite sont noires

p#twoborders
{
border-color : rouge noir. ;
}
Si seulement deux valeurs sont définies, la valeur précédente représente les bordures supérieure et inférieure, et les valeurs suivantes représentent les bordures gauche et droite. Définissez les bordures supérieure et inférieure de la ville de rêve. paragraphe en rouge et les bordures droite et gauche en noir

p#oneborders
{
border-color :red
}
Si une seule valeur est définie, ceci. value représente les quatre côtés. Définissez la bordure du paragraphe Dream City comme étant rouge

Conseils pour la maison du script : Lorsqu'aucune bordure n'est définie. Lorsque la couleur est border-color, la couleur de la bordure utilise la valeur de la couleur. attribut de cet élément.

p#bordercolor
{
border-
bottom:solid color :red
}
Dans ce qui précède; Par exemple, puisque la valeur de border-color n'est pas définie, la valeur de color est rouge.

exemple d'attribut CSS border-color - en utilisant la valeur de couleur de color . : Étant donné que les propriétés CSS ont la fonctionnalité de substitution, l'ordre des paramètres est important

p
{
border:medium solid green;
border-bottom: solid; red;
}
Dans l'exemple ci-dessus, la couleur de la bordure inférieure est rouge, les
autres
bordures sont vertes car border-bottom n'a pas de jeu de couleurs, donc la couleur spécifiée par color devrait. être pris

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!