今天来聊聊关于css虚线设置,CSS虚线的文章,现在就为大家来简单介绍下css虚线设置,CSS虚线,希望对各位小伙伴们有所帮助。
1、CSS加虚线是Border-style 属性。
2、Border-style 属性相关定义、用法及其案例:对浏览器的支持:所有浏览器都支持 border-style 属性。
3、定义和用法:border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。
4、只有当这个值不是 none 时边框才可能出现。
5、相关值及描述:none:定义无边框。
6、hidden:与 "none" 相同。
7、不过应用于表时除外,对于表,hidden 用于解决边框冲突。
8、dotted:定义点状边框。
9、在大多数浏览器中呈现为实线。
10、dashed:定义虚线。
11、在大多数浏览器中呈现为实线。
12、solid:定义实线。
13、double:定义双线。
14、双线的宽度等于 border-width 的值。
15、groove:定义 3D 凹槽边框。
16、其效果取决于 border-color 的值。
17、ridge:定义 3D 垄状边框。
18、其效果取决于 border-color 的值。
19、inset:定义 3D inset 边框。
20、其效果取决于 border-color 的值。
21、outset:定义 3D outset 边框。
22、其效果取决于 border-color 的值。
23、inherit:规定应该从父元素继承边框样式。
24、具体案例:案例1border-style:dotted solid double dashed; //上边框是点状//右边框是实线//下边框是双线//左边框是虚线案例2border-style:dotted solid double;//上边框是点状//右边框和左边框是实线//下边框是双线案例3border-style:dotted solid;//上边框和下边框是点状//右边框和左边框是实线案例4border-style:dotted;p{border-style:solid;}默认值:not specified继承性:noJavaScript语法:object.style.borderStyle="dotted double"Border-style 属性概述:最不可预测的边框样式是 double。
25、它定义为两条线的宽度再加上这两条线之间的空间等于 border-width 值。
26、不过,CSS 规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗,也没有指出线之间的空间是否应当比线粗。
27、所有这些都有用户代理决定,创作人员对这个决定没有任何影响。
28、注释说明:A、任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit" 或 "hidden"。
29、B、所有标点字符均为英文状态下的字符。
相信通过CSS虚线这篇文章能帮到你,在和好朋友分享的时候,也欢迎感兴趣小伙伴们一起来探讨。
下一篇:西安航空航天大学是一本吗 西安航空航天大学