什么样的人爱长结节
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
CSS text-decoration
?? ??? ???? ??? ?? ?????. ? ??? text-decoration-line
, text-decoration-color
, text-decoration-style
, text-decoration-thickness
? ?? ?????.
??? ??
text-decoration: underline;
text-decoration: underline dotted;
text-decoration: underline dotted red;
text-decoration: green wavy underline;
text-decoration: underline overline #ff3028;
<section id="default-example">
<p>
I'd far rather be
<span class="transition-all" id="example-element">happy than right</span>
any day.
</p>
</section>
p {
font: 1.5em sans-serif;
}
??? ??? ?? ?? ??? ??? ??? ?????. ?? ???, ?? ????? ??? ??? ??? ??? ??? ? ????. ?? ?? <p>? ??? <em>?? ??</em>? ???.</p>
???? p { text-decoration: underline; }
???? ???? ?? ??? ??? ?????. ??? em { text-decoration: none; }
??? ??? ???? ??? ?? ????. ?? em { text-decoration: overline; }
???? "?? ??" ???? ??? ??? ?? ?? ???.
?? ??
? ??? ?? CSS ??? ?? ?????.
??
text-decoration: underline;
text-decoration: overline red;
text-decoration: none;
/* ?? ? */
text-decoration: inherit;
text-decoration: initial;
text-decoration: revert;
text-decoration: unset;
text-decoration
??? ? ? ??? ???? ??? ??? ??? ? ????. ??? ?? ?? ???? ???? ?? ?????.
?
text-decoration-line
-
underline
,line-through
? ??? ??? ?????. text-decoration-color
-
??? ?? ?????.
text-decoration-style
-
solid
,wavy
,dashed
? ??? ??? ?? ???? ?????. text-decoration-thickness
-
??? ??? ?? ??? ?????.
?? ??
??? | as each of the properties of the shorthand:
|
---|---|
???? | all elements. It also applies to ::first-letter and ::first-line . |
?? | no |
?? ? | as each of the properties of the shorthand:
|
Animation type | as each of the properties of the shorthand:
|
?? ??
??
text-decoration ? ??
.under {
text-decoration: underline red;
}
.over {
text-decoration: wavy overline lime;
}
.line {
text-decoration: line-through;
}
.plain {
text-decoration: none;
}
.underover {
text-decoration: dashed underline overline;
}
.thick {
text-decoration: solid underline purple 4px;
}
.blink {
text-decoration: blink;
}
<p class="under">??? ??? ??????.</p>
<p class="over">??? ??? ??????.</p>
<p class="line">???? ??? ??????.</p>
<p>
?? ???? ??
<a class="plain" href="#">? ???? ??? ?? ????.</a>
????? ?? ????? ??? ??? ?????, ???? ??? ???
?? ???? ???.
</p>
<p class="underover">??? ?? ?? ??? ??????.</p>
<p class="thick">
????? ???? ?? ?? ??? ??? ??? ??? ? ??????.
</p>
<p class="blink">? ???? ????? ??? ??? ? ????.</p>
??
Specification |
---|
CSS Text Decoration Module Level 3 # text-decoration-property |
Scalable Vector Graphics (SVG) 2 # TextDecorationProperties |
???? ???
?? ??
- ?? ??? ?? ???
text-decoration-line
,text-decoration-color
,text-decoration-style
,text-decoration-thickness
???. text-decoration-skip-ink
,text-underline-offset
,text-underline-position
??? ??? ??? ??? ??? ? ?? ??? ???? ????.list-style
??? HTML<ol>
?<ul>
???? ???? ??? ?????.