CSS border-left Eigenschaft
- Seite vorher border-inline-width
- Nächste Seite border-left-color
Definition und Verwendung
Die Kurzform der border-left-Eigenschaft setzt alle Attribute des linken Rahmens in einer Deklaration.
Die folgenden Eigenschaften können in der folgenden Reihenfolge gesetzt werden:
Wenn einer der Werte nicht gesetzt wird, gibt es kein Problem, z.B. ist border-left:solid #ff0000 auch erlaubt.
Weitere Informationen siehe:
CSS-Tutorial:CSS Rahmen
HTML DOM Referenzhandbuch:borderLeft-Eigenschaft
Beispiel
Setzen Sie den Stil des linken Rahmens:
p
{
border-style:solid;
border-left:thick double #ff0000;
}
CSS-Syntax
border-left: border-width border-style border-color|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| border-left-width | Definiert die Breite des linken Rahmens. Siehe:border-left-width möglichen Werten. |
| border-left-style | Definiert den Stil des linken Rahmens. Siehe:border-left-style möglichen Werten. |
| border-left-color | Definiert die Farbe des linken Rahmens. Siehe:border-left-color möglichen Werten. |
| inherit | Definiert, dass die border-left-Eigenschaft des Elternelements übernommen werden soll. |
Technische Details
| Standardwert: | nicht spezifiziert |
|---|---|
| Vererbbarkeit: | nein |
| Version: | CSS1 |
| JavaScript-Syntax: | object.style.borderLeft="3px solid blue" |
Mehr Beispiele
- Alle linken Rahmenattribute in einer Deklaration
- Alle linken Rahmenattribute in einer Deklaration
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 3.5 | 1.0 |
Anmerkung:Browser IE7 und älter unterstützen den Wert "inherit" nicht. IE8 benötigt !DOCTYPE. IE9 unterstützt "inherit".
- Seite vorher border-inline-width
- Nächste Seite border-left-color
