CSS border-block-start-style Eigenschaft

Definition und Verwendung

zugehörige CSS-Eigenschaften Diese Eigenschaft wird verwendet, um den Randstil des Elements am Anfang der Blockrichtung zu setzen.

CSS zugehörige CSS-Eigenschaften Eigenschaft und CSS-Eigenschaft border-bottom-style、border-left-style、border-left-style 、 border-right-style und zugehörige CSS-Eigenschaften border-top-style

Sehr ähnlich, aberDie Eigenschaft hängt von der Blockrichtung ab. Beispiel 2: Kombination mit der writing-mode-Eigenschaft Hinweis: zugehörige CSS-Eigenschaften Definiert die Blockrichtung. Dies beeinflusst den Anfang und das Ende des Blocks sowie

border-block-start-style

Ergbnis der Eigenschaft. Für englische Seiten ist die INLINE-Richtung von links nach rechts, die BLOCK-Richtung geht nach unten.

Beispiel

writing-mode
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

Beispiel 1

Stellen Sie den Stil für den Anfang der Blockrichtung ein: Beispiel 2: Kombination mit der writing-mode-Eigenschaft Die Position des Randstils am Anfang der Blockrichtung wird beeinflusst von

writing-mode
  Eigenschaftswirkung:
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

}

Selbst ausprobieren

CSS-Syntax

border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; Eigenschaftswert
none Wert
Beschreibung Standardwert. Ohne Rahmen angeben.
hidden Gleiche Bedeutung wie "none", aber anders in der Konfliktlösung der Tabellelemente.
dashed Bestimmt den gepunkteten Rand.
solid Bestimmt den durchgehenden Rand.
double Bestimmt den doppelten Rand.
groove

Bestimmt den 3D-rillenartigen Rand.

Der Effekt hängt vom Wert von border-color ab.
ridge

Bestimmt den 3D-reliefartigen Rand.

Der Effekt hängt vom Wert von border-color ab.
inset

Bestimmt den 3D-eingestellten Rand.

Der Effekt hängt vom Wert von border-color ab.
outset

Bestimmt den 3D-ausstehenden Rand.

Der Effekt hängt vom Wert von border-color ab.
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe: initial.
inherit Diese Eigenschaft wird von seinem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: none
Vererbbarkeit: Nein
Animationserstellung: Nicht unterstützt. Siehe:Animationseigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.borderBlockStartStyle="dotted"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionen der Browser dar, die diese Eigenschaft vollständig unterstützen.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Verwandte Seiten

Anleitung:CSS Rand

Referenz:CSS border Eigenschaft

Referenz:CSS border-block Eigenschaft

Referenz:CSS border-block-style Eigenschaft

Referenz:CSS border-block-end-style Eigenschaft

Referenz:CSS border-bottom-style Eigenschaft

Referenz:CSS border-links-stil Eigenschaft

Referenz:CSS border-rechts-stil Eigenschaft

Referenz:CSS border-oben-stil Eigenschaft

Referenz:CSS writing-mode Eigenschaft