框模型 | CSS Box Model (Basic Box Model) - CSS 中文开发手册
CSS Box Model是CSS的一个模块,它定义了矩形框(包括它们的填充和边距),它们是根据可视化格式模型为元素生成的。
参照
属性
控制框中内容流的属性
box-sizingoverflowoverflow-xoverflow-y
控制框大小的属性。
heightwidthmax-heightmax-widthmin-heightmin-width
控制框边距的属性。
marginmargin-bottommargin-leftmargin-rightmargin-top
属性控制一个盒子的填充
paddingpadding-bottompadding-leftpadding-rightpadding-top
其他性质
visibility
指南
CSS框模型简介阐述CSS的基本概念之一:框模型。这个模型定义了CSS如何展示元素,包括它们的内容,填充,边框和边缘区域。边界边界崩溃有时,两个相邻的边界被合并为一个边界。本文介绍了支配何时以及为何发生这种情况的规则,以及如何对其进行控制。可视化格式模型验证可视化格式模型。
规范
Specification | Status | Comment |
---|---|---|
CSS Basic Box Model | Working Draft | |
CSS Level 2 (Revision 1) | Recommendation | |
CSS Level 1 | Recommendation | Initial definition |
浏览器兼容性
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 |