css的border属性和outline属性对比

border 属性用于指定元素边框的样式、宽度和颜色。

outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

 

border和outline属性在显示效果上大径相同，但有如下区别：

1.border属性是盒模型的一部分，但outline不占据网页的布局空间，只有在元素获得焦点或者被激活的时候呈现效果，突出元素的作用

2.outline属性的轮廓线四个方向都是一样的，但border可以指定某条边设置不一样

3.outline属性的外轮廓线是闭合的，不允许只设置某一边

4.ouline创建的轮廓线可以向内扩展（将outline-offset设置为负值），而border只能向内