css text-decoration-style属性怎么用
程序员文章站
2022-04-16 21:46:48
...
css text-decoration-style属性用于规定线条如何显示,其语法是text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit。
css text-decoration-style属性怎么用?
定义和用法
text-decoration-style 属性规定线条如何显示。
默认值: solid
继承: 否
可动画化: 否。
版本: CSS3
JavaScript 语法:
object.style.textDecorationStyle="wavy"
CSS 语法
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
属性值
● solid 默认值。线条将显示为单线。
● double 线条将显示为双线。
● dotted 线条将显示为点状线。
● dashed 线条将显示为虚线。
● wavy 线条将显示为波浪线。
● initial 设置该属性为它的默认值。
● inherit 从父元素继承该属性。
实例
在段落的下方显示一条波浪线:
<!DOCTYPE html> <html> <head> <style> p { text-decoration: underline; text-decoration-style: wavy; -moz-text-decoration-style: wavy; /* 针对 Firefox 的代码 */ } </style> </head> <body> <p> 本实例中的段落文本下方会显示一条波浪线。</p> <p><b>注意:</b>只有 Chrome 支持 text-decoration-style 属性。</p> <p><b>注意:</b>Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-style 属性。</p> </body> </html>
效果输出:
浏览器支持:几乎所有的主流浏览器都不支持 text-decoration-style 属性。Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-style 属性。
以上就是css text-decoration-style属性怎么用的详细内容,更多请关注其它相关文章!
推荐阅读
-
css怎么用,divcss布局经典实例
-
css怎么用,divcss布局经典实例
-
ACDsee怎么用?acdsee做图像属性的教程
-
VS2019怎么设置CSS的默认属性?
-
2个属性用CSS实现图片自适应浏览器
-
怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)
-
关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose
-
怎么用dreamweaver做一个可以换肤的界面_html/css_WEB-ITnose
-
发现一个特效会让你有意思,有人知道这个用css可以做出来吗,怎么做?_html/css_WEB-ITnose
-
symfony怎么用css来控制表单的样式?