ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのtext-decoration-colorプロパティの使い方

CSSのtext-decoration-colorプロパティの使い方

青灯夜游
リリース: 2019-05-29 16:21:10
オリジナル
3534 人が閲覧しました

css text-decoration-color プロパティは、テキストの装飾 (下線、上線、および下線) の色を設定するために使用されます。 text-decoration-color プロパティは、visible text-decoration プロパティが最初に要素に設定されている場合にのみ機能することに注意してください。

CSSのtext-decoration-colorプロパティの使い方

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プロパティの使い方

以上がCSSのtext-decoration-colorプロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート