首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

框模型 | CSS Box Model

CSS Box ModelCSS的一个模块,它定义了矩形框(包括它们的填充和边距),它们是根据可视化格式模型为元素生成的。

参照

属性

控制框中内容流的属性

  • box-sizing
  • overflow
  • overflow-x
  • overflow-y

控制框大小的属性。

  • height
  • width
  • max-height
  • max-width
  • min-height
  • min-width

控制框边距的属性。

  • margin
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top

属性控制一个盒子的填充

  • padding
  • padding-bottom
  • padding-left
  • padding-right
  • padding-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

扫码关注腾讯云开发者

领取腾讯云代金券