CSS border-left-style Eigenschaft
- vorherige Seite border-left-color
- Nächste Seite border-left-width
Definition und Verwendung
border-left-style stellt den Stil der linken Rahmenkante des Elements ein.
Der Rahmen kann nur erscheinen, wenn dieser Wert nicht "none" ist.
In CSS1 muss der HTML-User-Agent nur solid und none unterstützen.
Weitere Informationen:
CSS教程:CSS Rahmen
CSS Referenzhandbuch:border-left Eigenschaft
HTML DOM Referenzhandbuch:borderLeftStyle Eigenschaft
Beispiel
Stellen Sie den Stil der linken Rahmenkante ein:
p { border-style:solid; border-left-style:dotted; }
CSS-Syntax
border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Eigenschaftswert
Wert | Beschreibung |
---|---|
none | Definiert Rahmen ohne Rahmen. |
hidden | Ist gleich wie "none", außer wenn es auf Tabellen angewendet wird. Für Tabellen wird "hidden" verwendet, um Rahmenkonflikte zu lösen. |
dotted | Definiert gepunkteten Rahmen. Wird in den meisten Browsern als durchgängiger Strich dargestellt. |
dashed | Definiert gepunkteten Strich. Wird in den meisten Browsern als durchgängiger Strich dargestellt. |
solid | Definiert durchgängigen Strich. |
double | Definiert Doppelstrich. Die Breite des Doppelstrichs entspricht dem Wert von border-width. |
groove | Definiert 3D-Wölbung Rahmen. Der Effekt hängt vom Wert von border-color ab. |
ridge | Definiert 3D-Gerippt Rahmen. Der Effekt hängt vom Wert von border-color ab. |
inset | Definiert 3D-Einfassung Rahmen. Der Effekt hängt vom Wert von border-color ab. |
outset | Definiert 3D-Aussetzung Rahmen. Der Effekt hängt vom Wert von border-color ab. |
inherit | Es wird vorgeschrieben, dass der Rahmenstil vom übergeordneten Element geerbt wird. |
Technische Details
Standardwert: | nicht spezifiziert |
---|---|
Vererbbarkeit: | nein |
Version: | CSS1 |
JavaScript-Syntax: | object.style.borderLeftStyle="dotted" |
Mehr Beispiele
- Stellen Sie den Stil der linken Rahmenkante ein
- Dieses Beispiel zeigt, wie man den Stil der linken Rahmenkante einstellt.
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- vorherige Seite border-left-color
- Nächste Seite border-left-width