Css的边框属性有哪些

小编给大家分享一下CSS的边框属性有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

1、边框阴影属性：box-shadow :

h-shadow : 水平阴影距离

v-shadow : 垂直阴影距离

blur : 可选，模糊距离

spread : 可选， 阴影的尺寸

color : 可选，颜色

inset : 可选值,将当前阴影修改为内阴影

语法规范：box-shadow:h-shadow v-shadow blur spread color inset；

也可简写为：box-shadow:h-shadow v-shadow blur color；

举个栗子： box-shadow：1px 1px 1px 1px red;

2、图片边框属性： border-image:

border-image-source : 图片路径

border-image-width:图片边框的宽度

border-image-repeat : 边框的平铺方式

取值 ：repeat : 平铺 round : 铺满 stretch : 拉伸 语法规范：border-image:source width repeat;

3、轮廓，即绘制于元素周围的一条线，位于边框的外围

语法规范： outline : width style color；

outline-width : 轮廓宽度

outline-style : 轮廓的样式

outline-color : 轮廓的颜色

以上是“Css的边框属性有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网JavaScript频道！