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 属性。
Atas ialah kandungan terperinci css text-decoration-style属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!