CSS 取り消し線コードとはどういう意味ですか?-フロントエンドQ&A-php.cn

CSS 取り消し線コードとはどういう意味ですか?

青灯夜游

リリース： 2022-09-14 13:59:55

オリジナル

4287 人が閲覧しました

CSS 取り消し線コードは「テキスト要素 {text-decoration:line-through;}」です。 CSS の text-decoration 属性は、テキストに追加される下線、上線、取り消し線などの変更を指定するために使用されます。この属性の値が "line-through" に設定されている場合、テキストを通る線を定義できます。つまり、取り消し線効果です。

CSS 取り消し線コードとはどういう意味ですか?

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

CSS では、text-decoration 属性を使用して取り消し線効果を実現できます。実装コードは次のとおりです:

文本元素{text-decoration:line-through;}

ログイン後にコピー

text-decoration 属性は、テキスト、下線、テキストに追加される変更を指定します。上線、取り消し線など。

#値説明なしデフォルト。標準を定義するテキスト。下線テキストの下に線を定義します。 overlineテキスト上に線を定義します。 line-throughテキストの下を通る線を定義します。 blink点滅するテキストを定義します。

説明:

この属性を使用すると、取り消し線の追加など、テキストに特定の効果を設定できます。子孫要素に独自の装飾がない場合、祖先要素に設定された装飾は子孫要素にも「拡張」されます。ユーザーエージェントはまばたきをサポートする必要はありません。

コード例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
			}
		</style>
	</head>
	<body>
		<p>这里有一条删除线</p>
	</body>
</html>

ログイン後にコピー

CSS 取り消し線コードとはどういう意味ですか?

例からわかるように、

text-decoration:line-through; を設定すると、 p要素本文中の文字に取り消し線を引く方法は簡単で便利です。また、次のような CSS 設定を使用して取り消し線のスタイルを変更することもできます。例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
				color: red;
			}
			span{
				color: black;
			}
		</style>
	</head>
	<body>
		<p><span>这里有一条删除线</span></p>
	</body>
</html>

ログイン後にコピー

CSS 取り消し線コードとはどういう意味ですか?