border-style属性有几种（分别是）？可否编一小段？
答案:2 悬赏:20 手机版
解决时间 2021-11-07 23:09
- 提问者网友：我是女神我骄傲
- 2021-11-07 08:34
border-style属性有几种（分别是）？可否编一小段？
最佳答案
- 五星知识达人网友：長槍戰八方
- 2021-11-07 09:30
border-style属性可设置为下列值之一。
?? solid：单实线。
?? double：双实线。
?? dashed：虚线。
?? dotted：点线。
?? groove：沟线（groove）。
?? ridge：脊线（ridge）。
?? inset：内陷边框。
?? outset：外凸边框。
?? none：无边框。
border-style属性的默认值为none，这就是为什么除非将border属性设置为其他类型，否则元素没有边框的原因。最常见的border样式是solid和double。
?? solid：单实线。
?? double：双实线。
?? dashed：虚线。
?? dotted：点线。
?? groove：沟线（groove）。
?? ridge：脊线（ridge）。
?? inset：内陷边框。
?? outset：外凸边框。
?? none：无边框。
border-style属性的默认值为none，这就是为什么除非将border属性设置为其他类型，否则元素没有边框的原因。最常见的border样式是solid和double。
全部回答
- 1楼网友：街头电车
- 2021-11-07 10:52
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
双线边框。两线的宽度和border-width值一样
groove Defines a 3D grooved border. The effect depends on the border-color value
3D沟槽边框。效果依赖于border-color的值
ridge Defines a 3D ridged border. The effect depends on the border-color value
3D脊状边框。效果依赖于border-color的值
inset Defines a 3D inset border. The effect depends on the border-color value
3D嵌入边框。效果依赖于border-color的值
outset Defines a 3D outset border. The effect depends on the border-color value
3D突出边框。效果依赖于border-color的值
举例
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
双线边框。两线的宽度和border-width值一样
groove Defines a 3D grooved border. The effect depends on the border-color value
3D沟槽边框。效果依赖于border-color的值
ridge Defines a 3D ridged border. The effect depends on the border-color value
3D脊状边框。效果依赖于border-color的值
inset Defines a 3D inset border. The effect depends on the border-color value
3D嵌入边框。效果依赖于border-color的值
outset Defines a 3D outset border. The effect depends on the border-color value
3D突出边框。效果依赖于border-color的值
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯