CSS Block-Size Eigenschaft

Definition und Verwendung

block-size Diese Eigenschaft gibt die Größe des Elements in der Blockrichtung an.

Hinweis:verwandte CSS Eigenschaften writing-mode Definiert die Blockrichtung, was die Wirkung von block-size Eigenschaften. Für englische Seiten ist die Blockrichtung nach unten und die Inline-Richtung von links nach rechts.

CSSs block-size und inline-size Eigenschaften entsprechen dem Ergebnis von CSSs width und height Eigenschaften sind sehr ähnlich, aber block-size und inline-size Die Eigenschaft hängt von der Blockrichtung und der Inline-Richtung ab.

Beispiel

Beispiel 1

Die Größe des <div>-Elements in der Blockrichtung festlegen:

div {
  block-size: 200px;
}

Versuchen Sie es selbst

Beispiel 2

Wenn der Wert der writing-mode Eigenschaft des <div>-Elements auf vertical-rl gesetzt ist, ändert sich die Blockrichtung von nach unten zu horizontal, was die Wirkung der block-size Eigenschaft ändert:

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

Versuchen Sie es selbst

CSS Syntax

inset-block: 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