边框-内边距

内联元素

内联元素的上下边框会与邻近行上下重叠; 内联文本元素的左右边框,只在首尾是可见的

块状元素

静态块状元素之间的边框是不会抵消的,这一点与外边距不同
被拉伸{width:auto}的同表格

内联-块状元素

上下边框和左右边框同样有效果

表格

边框不会增加拉伸或设置尺寸的表格的大小
元素 border/padding效应
内联元素

上下边框会与邻近行上下重叠;

内联文本元素的左右边框,只在首尾是可见的

静态内联-块状元素 正常解析:边框是可见的而不是透明的;边框不能为负;不会抵消邻近块状元素的上下边框;改变元素的位置和邻居元素的位置相似于外边距
静态块状元素

被拉伸,同表格

其他,正常解析;

浮动元素 同内联-块状
表格元素 边框不会增加拉伸或设置尺寸的表格的大小
绝对定位

被拉伸,同表格

其他,正常解析

浮动

正常解析

绝对定位

测试
水平拉伸
测试

背景色

全面拉伸