CSS border-inline-start Eigenschaft
- Vorherige Seite border-inline-end-width
- Nächste Seite border-inline-start-color
Definition und Verwendung
border-inline-start Die Eigenschaft ist eine Abkürzung für die folgenden Eigenschaften:
CSS border-inline-start Eigenschaft entspricht der CSS-Eigenschaft border-bottom、border-left、border-right border-top sehr ähnlich, aber border-inline-start Die Eigenschaft hängt von der Inline-Richtung ab.
Hinweis:verwandte CSS-Eigenschaften writing-mode、text-orientation direction Definiert die Inline-Richtung. Dies beeinflusst den Anfang und das Ende einer Zeile sowie border-inline-start Das Ergebnis der Eigenschaft. Für englische Seiten ist die Inline-Richtung von links nach rechts, die Block-Richtung von oben nach unten.
Beispiel
Beispiel 1
Stellen Sie die Breite, Farbe und Stil der Kante am Anfang der Inline-Richtung ein:
div {
border-inline-start: 10px solid pink;
Beispiel 2: Kombination mit der Eigenschaft writing-mode
Die Position der Kante am Anfang der Inline-Richtung wird beeinflusst von writing-mode Einfluss der Eigenschaft:
div {
writing-mode: vertical-rl;
border-inline-start: 5px solid blue;
Beispiel 3: Kombination mit der Eigenschaft direction
Die Position der Kante am Anfang der Inline-Richtung wird beeinflusst von direction Einfluss der Eigenschaft:
div {
direction: rtl;
border-inline-start: 5px solid hotpink;
CSS-Syntax
border-inline-start: border-inline-start-width border-inline-start-style border-inline-start-color|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| border-inline-start-width |
Bestimmt die Breite der Kante am Anfang der Inline-Richtung des Elements. Der Standardwert ist medium. |
| border-inline-start-style |
Bestimmt den Stil der Kante am Anfang der Inline-Richtung des Elements. Der Standardwert ist none. |
| border-inline-start-color |
Bestimmt die Farbe der Kante am Anfang der Inline-Richtung des Elements. Der Standardwert ist die aktuelle Farbe der Kante. |
| initial | Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe: initial |
| inherit | Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit |
Technische Details
| Standardwert: | medium none currentcolor |
|---|---|
| Vererbung: | Nein |
| Animationserstellung: | Unterstützt. Bitte lesen Sie:Animationseigenschaften |
| . | Version: |
| CSS3 | JavaScript-Syntax: |
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 Rahmen
Referenz:CSS border Eigenschaft
Referenz:CSS border-inline Eigenschaft
Referenz:CSS border-inline-end-style Eigenschaft
Referenz:CSS border-inline-start-color Eigenschaft
Referenz:CSS border-bottom-color Eigenschaft
Referenz:CSS border-left-color Eigenschaft
Referenz:CSS border-right-color Eigenschaft
Referenz:CSS border-top-color Eigenschaft
Referenz:CSS direction Eigenschaft
Referenz:CSS text-orientation Eigenschaft
Referenz:CSS writing-mode Eigenschaft
- Vorherige Seite border-inline-end-width
- Nächste Seite border-inline-start-color
