土耳其烤肉是用什么肉
Das CSS-Box-Modell-Modul definiert die margin
- und padding
-Eigenschaften, die zusammen mit der H?he, der Breite und den Randeigenschaften das CSS-Box-Modell bilden.
Jedes sichtbare Element auf einer Webseite ist ein Kasten, der gem?? dem Visuellen Formatierungsmodell angeordnet ist. CSS-Eigenschaften definieren ihre Gr??e, Position und Stapelreihenfolge, wobei die Box-Modell-Eigenschaften (und andere) die extrinsische Gr??e jedes Kastens und den Raum um sie herum definieren.
Jeder Kasten hat einen rechteckigen Inhaltsbereich, in dem jeglicher Text, Bilder und anderer Inhalt angezeigt werden. Der Inhalt kann auf einer oder mehreren Seiten von Polsterung, Rand und Au?enabstand umgeben sein. Die Polsterung befindet sich um den Inhalt, der Rand befindet sich um die Polsterung, und der Au?enabstand befindet sich au?erhalb des Randes. Das Box-Modell beschreibt, wie diese Eigenschaften — Inhalt, Polsterung, Rand und Au?enabstand — zusammenarbeiten, um einen Kasten zu formen, wie er von CSS angezeigt wird.
Das CSS-Box-Modell-Modul definiert physische (oder "seitenbezogene") Eigenschaften wie margin-top
und padding-top
. Flussbezogene Eigenschaften wie margin-block-start
und margin-inline-start
(die mit der Textausrichtung zusammenh?ngen) werden in Logische Eigenschaften und Werte definiert. Das Box-Modell-Modul wird durch das CSS-Box-Sizing-Modul erweitert, das den intrinsischen Gr??enwert einführt und die Definition des Seitenverh?ltnisses für Elemente erm?glicht, die in mindestens einer Dimension automatisch skaliert werden.
Referenz
Eigenschaften
margin
Shorthandmargin-bottom
margin-left
margin-right
margin-top
margin-trim
padding
Shorthandpadding-bottom
padding-left
padding-right
padding-top
Datentypen
Leitf?den
- Einführung in das CSS-Box-Modell
-
Erkl?rt eines der grundlegenden Konzepte von CSS: das Box-Modell. Dieses Modell definiert, wie CSS Elemente einschlie?lich ihrer Inhalts-, Polster-, Rand- und Au?enabstandsbereiche anordnet.
- Meisterung des Zusammenfallens von R?ndern
-
Manchmal werden zwei nebeneinander liegende R?nder zu einem zusammengefasst. Dieser Artikel beschreibt die Regeln, die bestimmen, wann und warum dies geschieht, und wie man es kontrolliert.
- Visuelles Formatierungsmodell
-
Erkl?rt das visuelle Formatierungsmodell.
Verwandte Konzepte
- CSS-Hintergründe und -R?nder Modul
- CSS-logische Eigenschaften Modul
block-size
inline-size
max-block-size
max-inline-size
min-block-size
min-inline-size
margin-block
margin-block-end
margin-block-start
margin-inline
margin-inline-end
margin-inline-start
padding-block
padding-block-end
padding-block-start
padding-inline
padding-inline-end
padding-inline-start
border-block
border-block-end
border-block-end-width
border-block-start
border-block-start-width
border-block-style
border-block-width
border-inline
border-inline-end
border-inline-end-width
border-inline-start
border-inline-start-width
border-inline-width
- CSS-Box-Sizing Modul
- CSS-überlauf Modul
Spezifikationen
Specification |
---|
CSS Box Model Module Level 4 |
Siehe auch
- CSS-Anzeige Modul
- CSS-Flex-Layout Modul
- CSS-Gitter-Layout Modul
- CSS-Tabelle Modul
- CSS-Positioniertes Layout Modul
- CSS-Fragmentierung Modul
- Verst?ndnis von Seitenverh?ltnissen