ホームページ > 記事 > ウェブフロントエンド > CSSのtext-decoration-colorプロパティの使い方
CSSのtext-decoration-colorプロパティの使い方
- 青灯夜游オリジナル
- 2019-05-29 16:21:103525ブラウズ
css text-decoration-color プロパティは、テキストの装飾 (下線、上線、および下線) の色を設定するために使用されます。 text-decoration-color プロパティは、visible text-decoration プロパティが最初に要素に設定されている場合にのみ機能することに注意してください。
CSS の text-decoration-color プロパティを使用するにはどうすればよいですか?
text-decoration-color 属性は、テキストの装飾 (下線、上線、差し込み線) の色を指定します。
注: text-decoration-color 属性は、表示可能な text-decoration 属性を持つ要素でのみ機能します。
構文:
text-decoration-color: color|initial|inherit;
属性値:
● 色: テキスト変更の色を指定します。
# 初期値: このプロパティをデフォルト値に設定します。
## ● 継承: この属性を親要素から継承します。注: ほとんどすべての主流ブラウザは、text-decoration-color 属性をサポートしていません。 Firefox は、代替プロパティである -moz-text-decoration-color プロパティをサポートしています。
css text-decoration-color プロパティの例
<!DOCTYPE html>
<html>
<head>
<style>
p
{
text-decoration: underline;
text-decoration-color: red;
-moz-text-decoration-color: red; /* 针对 Firefox 的代码 */
}
</style>
</head>
<body>
<p>
线条的颜色现在应该是红色！
</p>
<p><b>注意：</b>几乎所有的主流浏览器都不支持 text-decoration-color 属性。</p>
<p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-color 属性。</p>
</body>レンダリング: 
以上がCSSのtext-decoration-colorプロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSの@media属性の使い方次の記事：CSSの@media属性の使い方