CSSに追加された下線スタイルとは何ですか？-フロントエンドQ&A-php.cn

CSSに追加された下線スタイルとは何ですか？

WBOY

リリース： 2021-12-29 11:59:13

オリジナル

3232 人が閲覧しました

CSS では、「text-decoration:line-through」スタイルを使用してテキスト要素に中心線を追加できます。「text-decoration」属性は、テキストに追加される装飾を指定するために使用されます属性値が「line-through」に設定されている場合、テキストを通る線を定義するために使用されます。

CSSに追加された下線スタイルとは何ですか？

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css に追加される下線スタイルとは何ですか?

text-decoration 属性は、テキストに追加される装飾、下線、上線、取り消し線など

属性値が line-through に設定されている場合、テキストの下を通過する線が定義されます。つまり、真ん中のラインです。

構文は次のとおりです:

text-decoration:line-through

ログイン後にコピー

例は次のとおりです:

<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>

ログイン後にコピー

出力結果:

CSSに追加された下線スタイルとは何ですか？