【笔记】 《js权威指南》- 第16章 脚本化CSS 16.2 重要的CSS属性(2)

(4). border：设置元素边框

a. 复合属性border：

border: 3px dotted red;

b. 4条边线的符合属性： border-top bottom left right

c. 每条边的个别属性：border-top-width, border-right-color

d. 圆角属性：border-top-right-radius: 50px

(5). margin和padding：

margin指定外边距，padding指定内边距；

a. 指定4个边距都是同一个值： margin: 5px; padding: 5px;

b. 分别指定4个边距：margin-top bottom left right

c. 使用复合属性分别按照上右下左的顺序指定边距： margin: 1px 2px 3px 4px;

(6). 元素包围盒矩形：

使用带边框的盒模型：

//默认值content-box，不包含边框大小
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;