border style设置边框样式的属性有哪些

大家好,小勉来为大家解答以上的问题。border style设置边框样式的属性有哪些这个很多人还不知道,现在让我们一起来看看吧！

1、border-style 属性可设置四边的样式，可以有1到4种样式举例table {border-style: dotted}all four borders will be dotted四条边都为打点型 table {border-style: dotted dashed}top and bottom border will be dotted, left an right border will be dashed 上下边为打点型的，左右为粉碎型table {border-style: dotted dashed solid}top border will be dotted, left and right border will be dashed, bottom border will be solid上边为打点型，左右为粉碎型边框，下边框为线型table {border-style: dotted dashed solid double}top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double上边为打点型，右边为粉碎型，下边为线型，左边为双线型 可用值值 描述 none Defines no border无边框 hidden The same as "none", except in border conflict resolution for table elements除了在table元素的边框解析上有冲突外基本和"none"一样 dotted Defines a dotted border. Renders as solid in most browsers打点边框，在大多数浏览器中会变为线条 dashed Defines a dashed border. Renders as solid in most browsers断裂边框，在大多数浏览器下也会变为线条(在IE里dotted和dashed基本无区别，FF浏览器有所不同) solid Defines a solid border线条边框 double Defines two borders. The width of the two borders are the same as the border-width value双线边框。

2、两线的宽度和border-width值一样 groove Defines a 3D grooved border. The effect depends on the border-color value3D沟槽边框。

3、效果依赖于border-color的值 ridge Defines a 3D ridged border. The effect depends on the border-color value3D脊状边框。

4、效果依赖于border-color的值 inset Defines a 3D inset border. The effect depends on the border-color value3D嵌入边框。

5、效果依赖于border-color的值 outset Defines a 3D outset border. The effect depends on the border-color value3D突出边框。

6、效果依赖于border-color的值border-style属性可设置为下列值之一。

7、�0�1 solid：单实线。

8、�0�1 double：双实线。

9、�0�1 dashed：虚线。

10、�0�1 dotted：点线。

11、�0�1 groove：沟线（groove）。

12、�0�1 ridge：脊线（ridge）。

13、�0�1 inset：内陷边框。

14、�0�1 outset：外凸边框。

15、�0�1 none：无边框。

16、border-style属性的默认值为none，这就是为什么除非将border属性设置为其他类型，否则元素没有边框的原因。

17、最常见的border样式是solid和double。

本文到此分享完毕，希望对大家有所帮助。

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！