CSS-描边

CSS的描边是CSS中常用的属性，属于基础知识。但除了常用的纯色描边之外，CSS还有很多类型的描边。我是发现弄不清border-image是如何渲染的所以才写了这一篇文章。

outline

outline 用于描绘HTML元素的轮廓，它和border最大的区别就是outline不占空间，主要表现在

• 不受box-sizing影响
• 不会撑开周边的内容
• 可以设置边线与元素之间的偏移，outline-offset
• 如果元素被分割成多行绘制的话outline始终是绘制整个元素的外部轮廓，而border会绘制每一个区域的外部边框

outline 下的子属性相对border来说比较少，只有outline-width，outline-style，outline-color，和需要单独设置的outline-offset。

border类型

border 用于设置HTML元素的边界（描边），占据文档流空间，绘制位置受box-sizing影响。

border可以设置的属性非常多，应该是CSS中单类型样式属性最多的。大概可以分为border （常用），border-image，border-block，border-inline。

border

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！