CSS inline-size-Eigenschaft

Definition und Verwendung

inline-size Die Eigenschaft bestimmt die Größe des Elements in der Inline-Richtung.

Hinweis:zugehörigen CSS-Eigenschaften writing-mode definiert die Inline-Richtung, was die inline-size Eigenschaften das Ergebnis. Für englische Seiten ist die Inline-Richtung von links nach rechts, während die Block-Richtung nach unten geht.

CSS inline-size und block-size Eigenschaften sind mit CSS width und height Eigenschaften sind sehr ähnlich, aber inline-size und block-size Die Eigenschaft hängt von der Inline- und Block-Richtung ab.

Beispiel

Beispiel 1

Setzen Sie die Größe des <div>-Elements in der Inline-Richtung:

div {
  inline-size: 200px;
}

Selbst ausprobieren

Beispiel 2

wenn das <div>-Element writing-mode Eigenschaftswert auf vertical-rl wird, ändert sich die Inline-Richtung von horizontal zu vertikal nach unten, was die inline-size Wie die Eigenschaft funktioniert:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

Selbst ausprobieren

CSS-Syntax

inline-size: auto|length|initial|inherit;

Eigenschaftswert

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser-Version dar, die diese Eigenschaft vollständig unterstützt.

Verwandte Seiten

CSS-Tutorial:CSS Höhe und Breite

CSS-Tutorial:CSS Box-Modell

CSS Referenz:height-Eigenschaft

CSS Referenz:width-Eigenschaft

CSS Referenz:writing-mode Eigenschaft