CSS border-inline-end-style Eigenschaft

Definition and Usage

Definiert die Inline-Richtung. Dies beeinflusst den Anfang und das Ende einer Zeile sowie attribute settings define the border style at the end of the inline direction of the element.

CSS's Definiert die Inline-Richtung. Dies beeinflusst den Anfang und das Ende einer Zeile sowie The attribute is related to border-bottom-stylemit verwandten CSS-Eigenschaftenborder-left-stylemit verwandten CSS-Eigenschaftenborder-right-style text-orientation border-top-style The attributes are very similar, but Definiert die Inline-Richtung. Dies beeinflusst den Anfang und das Ende einer Zeile sowie The attribute depends on the inline direction.

注意：Hinweis: Die Position der Inline-Endkante wird beeinflusst vonmit verwandten CSS-Eigenschaftenund text-orientation Die Position der Inline-Start- und Endkanten wird beeinflusst von und Definiert die Inline-Richtung. Dies beeinflusst den Anfang und das Ende einer Zeile sowie border-inline-end-style

Ergbnis der Eigenschaft. Für englische Seiten ist die Inline-Richtung von links nach rechts, die Block-Richtung ist nach unten.

Beispiel

Beispiel 1

Eigenschaftswirkung:
  direction: rtl;
border-inline-end-style: dotted;

}

Stellen Sie den Stil der Inline-Endkante für die Inline-Richtung ein:

Beispiel 2: Kombination mit der writing-mode-Eigenschaft Die Position der Inline-Endkante wird beeinflusst von direction

Eigenschaftswirkung:
  writing-mode
  direction: rtl;
border-inline-end-style: dotted;

}

writing-mode: vertical-rl;

Beispiel 3: Kombination mit der direction-Eigenschaft Die Position der Inline-Start- und Endkanten wird beeinflusst von direction

Eigenschaftswirkung:
  div {
  direction: rtl;
border-inline-end-style: dotted;

}

Versuchen Sie es selbst

CSS-Syntax

border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Eigenschaftswert Wert
none Beschreibung
Standardwert. Ohne Rahmen angeben. hidden
G斯特reifkanten wie none, aber unterschiedlich in der Konfliktlösung der Tabellelemente. Punktkanten definieren.
dashed G斯特reifkanten definieren.
solid Solide Kanten definieren.
double Doppellinienkanten definieren.
groove

3D-eingetiefte Kanten definieren.

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

3D-hervorgehobene Kanten definieren.

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

3D-eingebettete Kanten definieren.

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

3D-ausgeprägte Kanten definieren.

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.borderInlineEndStyle="dotted"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Eigenschaft vollständig unterstützt.

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-inline Eigenschaft

Referenz:CSS border-inline-end-style Eigenschaft

Referenz:CSS border-inline-start-style Eigenschaft

Referenz:CSS border-bottom-style Eigenschaft

Referenz:CSS border-left-style Eigenschaft

Referenz:CSS border-right-style Eigenschaft

Referenz:CSS border-top-style Eigenschaft

Referenz:CSS direction-Eigenschaft

Referenz:CSS text-orientation Eigenschaft

Referenz:CSS writing-mode Eigenschaft