Tutorial zur Verwendung der CSS-Eigenschaft „border-width“.

border-width – Definieren Sie die Breite der vier Ränder Wert:{1,4} | {1,4}: Rahmenbreite (kann einen, zwei, drei oder vier Werte haben) inherit:Inherit Anfangswert: mittel Erbschaft: Nein Gilt für: alle Elemente Rand: Rand, Breite: Breite. Der Wert von border-width dünn: border-width – Definieren Sie die Breite der vier Ränder
Werte: {1,4} | inherit
{1,4}: Randbreite (kann haben Ein, zwei, drei oder vier Werte)
Vererbung: Vererbung
Anfangswert: mittel
Vererbung: nein
gilt für: alle Elemente
Grenze: Grenze, Breite: Breite
Randbreitenwert
dünn: dünn
mittel: mittel
dick: dick
: Längendarstellung
Der obige Breitenwert hat die folgende Beziehung: dünn
Tipp: border-width kann keine Prozentwerte verwenden, sondern nur Längen (zum Beispiel: px, em usw.)! border-width
border-width: border-top-width border-
right
-width border-
bottom-width border-left-width p#fourborders { border-width:thick medium Thin 12px
}
Wenn vier Werte definiert sind, dann sind die vier Werte jeweils oben und rechts, die Breite Der Wert des unteren und linken Rands (beginnend am oberen Rand und im Uhrzeigersinn durchlaufend) entspricht der folgenden Definition:

p#fourborders
{
border- top-width:thick;
border-right-width:medium;
border-left-width:12px;}
ist border-width gibt drei Werte an:
border-width:border-top-width border-right-width/border-left-width border-bottom-width;
p# threeborders
{
border-width :dick 12px dünn;
}
Wenn nur drei Werte definiert sind, entspricht der mittlere Wert der Breite des linken und rechten Randes

🎜>p # threeborders
{
border-top-width:thick;
border-right-width:12px;
border-left-width :12px;
}
Geben Sie zwei Werte für border-width an: border-top-width/border-bottom-width border-right-width/border-left-width
p# twoborders
{
border-width:thick 12px;
}
Wenn nur zwei Werte definiert sind, stellt der erste Wert die Breite des oberen und unteren Rands dar und der Letzterer Wert stellt die Breite des linken und rechten Randes dar

Entspricht der folgenden Definition

p#twoborders
{
border-top-width:thick
border-right-width:12px;
border-bottom-width:thick;
border-left-width:12px
Geben Sie einen Wert für border-width an :border-top-width/border-bottom-width/border-right-width/border-left-width;
p#oneborders
{
border-width:thick
}
Wenn nur ein Wert definiert ist, stellt dieser Wert die vier Seiten dar. Breite

entspricht der folgenden Definition

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

Das obige ist der detaillierte Inhalt vonTutorial zur Verwendung der CSS-Eigenschaft „border-width“.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!