CSS border Eigenschaft

Definition und Verwendung

Die border-Kurzschreibweise stellt alle Rahmenattribute in einer Erklärung ein.

Die folgenden Attribute können in der folgenden Reihenfolge eingestellt werden:

Wenn einer der Werte nicht eingestellt wird, gibt es kein Problem, z.B. border:solid #ff0000; ist auch erlaubt.

Weitere Informationen:

CSS-Tutorial:CSS Rand

HTML DOM Referenzhandbuch:border-Attribut

Beispiel

Stellen Sie die Stile für 4 Rahmen ein:

p
  {
  border:5px solid red;
  }

Probieren Sie es selbst aus

CSS-Syntax

border: border-width border-style border-color|initial|inherit;

Attributwert

Wert Beschreibung
border-width Bestimmt die Breite des Rahmens. Siehe:border-width Mögliche Werte in der Mitte.
border-style Bestimmt den Stil des Rahmens. Siehe:border-style Mögliche Werte in der Mitte.
border-color Bestimmt die Farbe des Rahmens. Siehe:border-color Mögliche Werte in der Mitte.
inherit Es wird vorgeschrieben, dass die Rahmenattribute von dem übergeordneten Element geerbt werden sollten.

Technische Details

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

Mehr Beispiele

Alle Rahmenattribute in einer Erklärung
Dieses Beispiel zeigt, wie alle vier Rahmenattribute in einer einzigen Erklärung mit Kurzworten eingestellt werden.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5