CSS min-inline-size Eigenschaft

Definition und Verwendung

min-inline-size Die Eigenschaft legt die minimale Größe des Elements in der Zeilenrichtung fest.

angewendet. min-inline-size Wenn die Größe des Inhalts in der inline-Richtung kleiner als die Mindestgröße ist, dann wird

Eigenschaftswert. min-inline-size Wenn die Größe des Inhalts in der inline-Richtung größer als die Mindestgröße ist, dann

Der Wert der Eigenschaftswerte hat keine Wirkung.Beachten Sie: writing-mode verwandte CSS-Eigenschaften min-inline-size Definiert die inline-Richtung, was die Auswirkungen auf

Eigenschaften. Für englische Seiten ist die Blockrichtung nach unten, und die inline-Richtung ist von links nach rechts. min-inline-size CSS min-height Eigenschaften entsprechen den Ergebnissen der CSS-Eigenschaften und min-width min-inline-size Sehr ähnlich, aber

Eigenschaft hängt von der inline-Richtung ab.

Beispiel

Beispiel 1

div {
  min-inline-size: 200px;
}

Probieren Sie es selbst aus

Beispiel 2: Schreibmodus

Setzen Sie die Mindestgröße des <div>-Elements in der inline-Richtung auf 200 Pixel: writing-mode Wenn die Eigenschaft writing-mode auf vertical-rl gesetzt ist, ändert sich die inline-Richtung von seitlich nach nach unten, was die Arbeitsweise der Eigenschaft min-inline-size beeinflusst:

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

Probieren Sie es selbst aus

Beispiel 3: min-inline-size und inline-size

Beobachten Sie ein inline-size Für das <div>-Element mit einer Breite von 200px und einem anderen min-inline-size Verschiedene Verhaltensweisen des <div>-Elements mit einer Breite von 200px bei Änderungen der Inhaltsgröße:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

Probieren Sie es selbst aus

CSS-Syntax

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

Eigenschaftswert

Technische Details

Browser-Unterstützung

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

Verwandte Seiten

Referenz:CSS inline-size Eigenschaft

Referenz:CSS max-inline-size Eigenschaft

Referenz:CSS min-height Eigenschaft

Referenz:CSS min-width Eigenschaft

Referenz:CSS writing-mode Eigenschaft