由於本文件沒有此語言的翻譯版本,您閱讀的是英文版的內容。 幫助我們翻譯這篇文章!
CSS Box Model is a CSS module that defines the rectangular boxes, including their padding and margin, that are generated for elements and laid out according to the visual formatting model.
Reference
Properties
Properties controlling the flow of content in a box
Properties controlling the size of a box
Properties controlling the margins of a box
Properties controlling the paddings of a box
Other properties
Guides and tools
- Introduction to the CSS box model
- Explains one of the fundamental concept of CSS, the box model: describes the meaning of the margin, padding, as well as the different areas of a box.
- Mastering margin collapsing
- In several cases, two adjacent margins are collapsed into one. This article describes when this is happening and how to control it.
- Box-shadow generator
- An interactive tool that allows to visually create shadows and to generate the needed syntax for the
box-shadow
property.
Specifications
Specification | Status | Comment |
---|---|---|
CSS Basic Box Model | Working Draft | |
CSS Level 2 (Revision 1) | Recommendation | |
CSS Level 1 | Recommendation | Initial definition |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.7 or earlier) | 3.0 | 3.5 | 1.0 (85) |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1) | 6.0 | 6.0 | 1.0 |