CSS border-left-style Eigenschaft

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;
  }

Probieren Sie es selbst aus

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