CSSテキスト装飾の役割

CSS の text-decoration プロパティを使用すると、下線、取り消し線、上線などの装飾効果をテキストに追加できます。使用法: テキスト装飾: なし、下線、上線、スルーライン。

CSS text-decoration の役割

CSS の text-decoration 属性下線、取り消し線、上線などの装飾効果をテキストに追加するために使用されます。

#関数:

#text-decoration この属性では、次の 4 つの装飾効果を指定できます。

• 下線: テキストの下に行を追加します。
• overline: テキストの上に行を追加します。
• line-through: テキストの途中に行を追加します。
• none: すべてのテキスト装飾を削除します。

# 構文:

text-decoration

属性の構文は次のとおりです: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code&gt;text-decoration: none|underline|overline|line-through|initial|inherit;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

使用法:

要素のテキストに装飾を追加するには、次のように

text-decoration

属性を使用できます。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>p { text-decoration: underline; }</pre><div class="contentsignin">ログイン後にコピー</div></div>上記のコードは、段落

のテキストに下線が引かれます。 #例:

さまざまな text-decoration

値を使用してテキスト装飾効果を作成する例をいくつか示します:

下線:

• 下線付きテキスト

  ##取り消し線 ：

取り消し線テキスト

• 上線:

下線付きテキスト

• 装飾なし:

テキスト装飾なし

• ##互換性:

text-decoration 属性は、すべての環境で広くサポートされています。最新のブラウザ。

以上がCSSテキスト装飾の役割の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。