首页 > 代码库 > outline与border的区别

outline与border的区别

outline的属性与border大体相似。

outline有outline-color,outline-style,outline-style,outline-width,还有一个用于设置偏移位置的属性:outline-offset,当offset为负值时,表示像内偏移多少像素。

outline-color的默认值是黑色,而border-color的默认值是字体的颜色

outline不可以单独设置某一条边,因而它总是闭合的。而border可以单独设置border-top、border-right等

 

另外,非常重要的一点区别是,outline不影响盒模型,因此它不会破坏文档流,不会影响网页布局。

outline与border的区别