CSS Border Eigenschaften

Wenn du alle vier Breiten gleichzeitig einstellen möchtest, in Format A B C und D, wie oben dargestellt, wird die Borderbr eite Eigenschaft benutzt. Der Wert kann dünn, mittlere, stark oder ein numerischer Wert und eine Maßeinheit, wie 5px oder 0.2em sein.

In jedem Punkt, wenn du zu einem mittleren Border herum wünschst, könntest du verwenden:

CSS Code

p { border-width: medium; }
/* This sets all to medium */
p { border-width: medium medium; }
/* This sets top/bottom medium then right/left medium */
p { border-width: medium medium medium medium; }
/* Set each A B C and D */

Der Rückstellung Border ist kein Border an allen, wenn du irgendeinen Border sichtlich erscheinen wünschst, du muß eine zweite Eigenschaft,Border art addieren. Die Werte für Border art sind: keine, punktiert, gestrichelt, fest, doppelt, Nut, Kante, Einfügung, Anfang.

Lassen Sie uns jeden Punkt einen mittleren Border haben so lassen, der punktiert wird:

CSS Code

p { border-width: medium; border-style: dotted; }

Schriftkegel-Variante

So nah an dem Erhalten unseres Border es vollkommen. Aber was wenn der Border, zum blaues einfaches zu sein. Die Border farbe Eigenschaft wird auf Blau eingestellt

p { border-width: medium; border-style: dotted; border-color: blue; }

Würde nicht es nett sein, eine Kombination Eigenschaft zu haben? Es gibt es ist gerechter Border und er erwartet Breite, Art, dann Farbe. So konnte das Beispiel sofort oben vereinfacht werden:

CSS Code

p { border: medium dotted blue; }

Wenn du jeden der vier Ränder einzeln einstellen kannst. Die Eigenschaften sind Borderober seite Border-linkes,Border-recht,Border unterseite und. Die erwarteten Werte sind Breite, Art, färben dann. Wenn du jeden Punkt mit einem punktierten linkenBorder im Rot und einen gestrichelten rechten Border im Purple wünschtest, könntest du verwenden:

CSS Code

p { border-left: dotted red; border-right: dashed purple; }

Die follwing Tabelle beschreiben die Border Eigenschaften:

Property	Description	values
border	A shorthand property for setting all of the properties for the four borders in one declaration	border-width border-style border-color
border-bottom	A shorthand property for setting all of the properties for the bottom border in one declaration	border-bottom-width border-style border-color
border-bottom-color	Sets the color of the bottom border	border-color
border-bottom-style	Sets the style of the bottom border	border-style
border-bottom-width	Sets the width of the bottom border	thin medium thick length
border-color	Sets the color of the four borders, can have from one to four colors	color
border-left	A shorthand property for setting all of the properties for the left border in one declaration	border-left-width border-style border-color
border-left-color	Sets the color of the left border	border-color
border-left-style	Sets the style of the left border/td>	border-style
border-left-width	Sets the width of the left border	thin medium thick length
border-right	A shorthand property for setting all of the properties for the right border in one declaration	order-right-width border-style border-color
border-right-color	Sets the color of the right border	border-color
border-right-style	Sets the style of the right border	border-style
border-right-width	Sets the width of the right border	thin medium thick length
border-style	Sets the style of the four borders, can have from one to four styles	none hidden dotted dashed solid double groove ridge inset outset
border-top	A shorthand property for setting all of the properties for the top border in one declaration	border-top-width border-style border-color
border-top-color	Sets the color of the top border	border-color
border-top-style	Sets the style of the top border	border-style
border-top-width	Sets the witdth of the top border	thin medium thick length
border-width	A shorthand property for setting the width of the four borders in one declaration, can have from one to four values	thin medium thick length