CSS borderEigenschaft

Beispiel

Legen Sie vier Rahmenstile fest:

p { border:5px solid red; }

Tag-Definition und Verwendungshinweise

border ist die Kurzschreibweise für die border-Eigenschaften.

Die CSS-Eigenschaft border wird verwendet, um den Stil, die Breite und die Farbe des Rahmens eines Elements anzugeben.

Die Eigenschaften, die festgelegt werden können, sind (in dieser Reihenfolge): border-width, border-style und border-color.

Sie können auch nur einen Wert festlegen, zum Beispielborder：＃FF0000;Dies ist korrekt; andere Werte werden auf den Initialwert der entsprechenden Eigenschaft gesetzt.

Syntaxformat

Die Eigenschaft border kann mit einem, zwei oder drei der unten aufgeführten Werte angegeben werden, und die Reihenfolge der Werte spielt keine Rolle:

/* Rahmenstil */
border: solid;

/* border-width | border-style */
border: 2px dotted;

/* border-style | border-color */
border: outset #f33;

/* border-width | border-style | border-color */
border: medium dashed green;

/* Globale Werte */
border: inherit;
border: initial;
border: unset;

Hinweis:Wenn der Rahmenstil nicht definiert ist, ist er unsichtbar. Das liegt daran, dass der Standardstil none ist.

Standardwert:	nicht angegeben
Vererbt:	nein
Version:	CSS1
JavaScript-Syntax:	object object.style.border="3px solid blue"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Eigenschaft
border	1.0	4.0	1.0	1.0	3.5

Eigenschaftswert

Wert	Beschreibung
border-width	Legt die Rahmenbreite fest
border-style	Legt den Rahmenstil fest
border-color	Legt die Rahmenfarbe fest
inherit	Legt fest, dass der Wert der border-Eigenschaft vom übergeordneten Element geerbt werden soll.

CSS Eigenschaft