志在指尖
用双手敲打未来

border-style属性详解(border-style是什么意思)

border-style属性详解

border-style特点用于设置元素一切边框的款式,或者单独地为各边设置边框款式。只有当这个值不是none时边框才可能呈现。
css中border-style特点小白常识_特点小白入门
比如1
border-style:dottedsoliddoubledashed;
上边框是点状右边框是实线下边框是双线左边框是虚线
比如2
border-style:dottedsoliddouble;
上边框是点状右边框和左边框是实线下边框是双线
比如3
border-style:dottedsolid;
上边框和下边框是点状右边框和左边框是实线
比如4
border-style:dotted;
一切4个边框都是点状
默认值:notspecified
继承性:no
版别:CSS1
JavaScript语法:object.style.border
可能的值
值描述
none界说无边框。
hidden与“none”相同。不过应用于表时在外,关于表,hidden用于解决边框抵触。
dotted界说点状边框。在大多数浏览器中呈现为实线。
dashed界说虚线。在大多数浏览器中呈现为实线。
solid界说实线。
double界说双线。双线的宽度等于border-width的值。
groove界说3D凹槽边框。其效果取决于border-color的值。
ridge界说3D垄状边框。其效果取决于border-color的值。
inset界说3Dinset边框。其效果取决于border-color的值。
outset界说3Doutset边框。其效果取决于border-color的值。
inherit规则应该从父元素继承边框款式。
描述
最不可预测的边框款式是double。它界说为两条线的宽度再加上这两条线之间的空间等于border-width值。不过,CSS规范并没有说其间一条线是否比另一条粗或者两条线是否应该是一样的粗,也没有指出线之间的空间是否应当比线粗。一切这些都有用户代理决议,创造人员对这个决议没有任何影响。

border

border-style是什么意思

border-style特点用于设置元素一切边框的款式,或许单独地为各边设置边框款式。它可以有一到四个值,例:
p.one{border-style:dotteddashedsoliddouble;}
p.two{border-style:dottedsoliddouble;}
p.three{border-style:dottedsolid;}
p.four{border-style:dotted;}
作用图:
阐明:只有当这个值不是none时边框才可能呈现。
可以设置的特点值:
none:界说无边框。
hidden:与”none”相同。不过应用于表时除外,对于表,hidden用于解决边框冲突。
dotted:界说点状边框。在大多数浏览器中呈现为实线。
dashed:界说虚线。在大多数浏览器中呈现为实线。
solid:界说实线。
double:界说双线。双线的宽度等于border-width的值。
groove:界说3D凹槽边框。其作用取决于border-color的值。
ridge:界说3D垄状边框。其作用取决于border-color的值。
inset:界说3Dinset边框。其作用取决于border-color的值。
outset:界说3Doutset边框。其作用取决于border-color的值。
inherit:规则应该从父元素继承边框款式。
注释:任何的版别的InternetExplorer(包含IE8)都不支持特点值”inherit”或”hidden”。

未经允许不得转载:IT技术网站 » border-style属性详解(border-style是什么意思)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载