Tutoriel sur l'utilisation de la propriété CSS border-width

border-width -- Définit la largeur des quatre bordures Valeur : {1,4} hériter {1,4} : largeur de la bordure (peut avoir une, deux, trois ou quatre valeurs) hériter :Hériter Valeur initiale : moyenne Héritage : Non S'applique à : tous les éléments border : bordure, width : largeur. La valeur de la largeur de la bordure mince: border-width -- Définit la largeur des quatre bordures
Valeurs : {1,4} | héritage
{1,4} : largeur de la bordure (peut avoir Une, deux, trois ou quatre valeurs)
hériter : hériter
valeur initiale : moyenne
héritage : non
s'applique à : tous les éléments
border: border, width: width
. valeur de largeur de bordure
mince : fin
moyen : moyen
épais : épais
 : représentation de la longueur
La valeur de largeur ci-dessus a la relation suivante : mince
Astuce : border-width ne peut pas utiliser de pourcentages et ne peut pas prendre de valeurs négatives, uniquement la longueur (par exemple : px, em, etc.)

Exemple
Spécifiez quatre valeurs pour. border-width
border-width : border-top-width border-right-width border-bottom-width border-gauche-width p#fourborders
{
border-width:thick medium thin 12px;
}
Si quatre valeurs sont définies, alors les quatre valeurs sont respectivement en haut et à droite, la largeur la valeur des bordures inférieure et gauche (en partant de la bordure supérieure et en passant dans le sens des aiguilles d'une montre

est équivalente à la définition suivante

p#fourborders
{
border-). top-width:thick;
border-right-width:medium;
border-bottom-width:thin
border-left-width:12px
}
est border -width; spécifie trois valeurs
border-width:border-top-width border-right-width/border-left-width border-bottom-width;
p#twoborders
{
border- width :thick 12px Thin;
}
Si seulement trois valeurs sont définies, la valeur du milieu représente la largeur des bordures gauche et droite

équivaut à la définition suivante
<.>p #troisbordures
{
border-top-width:thick;
border-right-width:12px
border-bottom-width:thin
border-left-width; :12px;
}
Spécifiez deux valeurs pour border-width
border-width : border-top-width/border-bottom-width border-right-width/border-left-width ; 🎜>p# twoborders
{
border-width:thick 12px;
}
Si seulement deux valeurs sont définies, la première valeur représente la largeur des bordures supérieure et inférieure, et la cette dernière valeur représente la largeur des bordures gauche et droite

Équivalent à la définition suivante

p#twoborders
{
border-top-width:thick; border-right-width:12px;
border-bottom-width:thick;
border-left-width:12px
}
Spécifiez une valeur pour border-width
border-width; :border-top-width/border-bottom-width/border-right-width/border-left-width;
p#oneborders
{
border-width:thick
}
Si une seule valeur est définie, cette valeur représente les quatre côtés. La largeur

est équivalente à la définition suivante

p#oneborders
{
border-top-width : épais;
border-right-width:thick;
border-bottom-width:thick;

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!