CSS Boxmodell
CSS Box Model ist ein CSS Modul, das die rechteckigen Boxen einschließlich deren Innen- und Außenabständen definiert, die für Elemente generiert werden und gemäß des visuellen Formatierungsmodells dargestellt werden.
Referenz
Eigenschaften
Den Inhaltsfluss innerhalb einer Box beeinflussende Eigenschaften
Die Größe einer Box beeinflussende Eigenschaften
Außenabstände einer Box beeinflussende Eigenschaften
Innenabstände einer Box beeinflussende Eigenschaften
Andere Eigenschaften
Anleitungen und Werkzeuge
- Einführung in das CSS Boxmodell
- Erklärt eines der grundlegenden Konzepte von CSS, das Boxmodell: Beschreibt die Bedeutung von Außen- und Innenabständen als auch der verschiedenen Bereiche einer Box.
- Zusammenfallen von Außenabständen meistern
- In mehreren Fällen werden zwei anliegende Außenabstände zu einem zusammengelegt. Dieser Artikel beschreibt, wann dies passiert und wie es gesteuert werden kann.
- Box-shadow Generator
- Ein interaktives Werkzeug, das es erlaubt, Schatten visuell zu erstellen und die benötigte Syntax für die
box-shadowEigenschaft zu generieren.
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| CSS Box Model | Anwärter Empfehlung | |
| CSS Level 2 (Revision 1) | Empfehlung | |
| CSS Level 1 | Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format.
Diese Kompatibilitätstabelle liegt noch im alten Format vor,
denn die darin enthaltenen Daten wurden noch nicht konvertiert.
Finde heraus wie du helfen kannst! (en-US)
| Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 1.0 | 1.0 (1.7 oder früher) | 3.0 | 3.5 | 1.0 (85) |
| Merkmal | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 1.0 | 1.0 (1) | 6.0 | 6.0 | 1.0 |