right
top
bottomborder-width:border-left-width、border-right-width、border-top-width、border-bottom-widthborder-color:border-left-color、border-right-color、border-top-color、border-bottom-colorborder-style:border-left-style、border-right-style、border-top-style、border-bottom-style边框属性的连写特点:没有顺序要求,线型为必写项。四个边框值相同的写法特点:没有顺序要求,线型为必写项。边框合并border-collapse:collapse;1.2内边距Padding-left
right
top
bottom属性设置:10px对应方位:上
下
左
右属性设置:10px10px对应方位:上下
左右属性设置:10px10px10px对应方位:上
左右
下属性设置:10px10px10px10px对应方位:上
右
下
左1.3外边距margin-left
right
top
bottom属性值的设置同padding外边距塌陷:两个相邻的元素框垂直相遇时,外边距会合并,合并后的外边距的高度等于两个发生合并的外边距中较高的那个边距值需要注意的是:只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。三、box-sizing属性box-sizing属性允许以特定的方式定义匹配某个区域的特定元素。例如,假如需要并排放置两个带边框的框,可通过将box-sizing设置为border-box。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。content-box:默认值,可以使设置的宽度和高度值应用到元素的内容框。盒子的宽度(width属性)只包含内容border-box:设置的width值其实是除margin外的border+padding+element的总宽度。盒子的width包含border+padding+内容,即总宽度=margin+widthinherit:从父元素继承box-sizing属性的值有什么建议或者疑问可以评论留言,如果小编的文章您觉得有用就给个