CSSのcolorプロパティは継承されるのでしょうか？-CSSチュートリアル-php.cn

CSSのcolorプロパティは継承されるのでしょうか？

青灯夜游

リリース： 2020-11-17 16:06:21

オリジナル

3362 人が閲覧しました

CSS color プロパティは継承されます。継承とは、スタイルを特定の html タグ要素だけでなく、その子孫にも適用できるようにするルールであり、color 属性も継承できます。たとえば、color 設定を使用して p タグに特定の色を設定します。カラースタイルは、p タグだけでなく、その子孫タグにも適用され、p タグ内のすべての子要素タグにも適用されます。

CSSのcolorプロパティは継承されるのでしょうか？

#継承は、スタイルを特定の HTML タグ要素だけでなく、その子孫にも適用できるようにするルールです。

css color プロパティは継承されます。

例: 次のコード: p タグに適用される特定の色を設定します。この色の設定は、p タグに適用されるだけでなく、 p タグ。ここでのサブ要素は、span タグと i タグです。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<style>
			p {
				color: red;
			}
		</style>
	</head>

	<body>	
		<p>三年级时，我还是一个<span>胆小如鼠</span>的<i>小女孩</i>。</p>
	</body>

</html>

ログイン後にコピー

CSSのcolorプロパティは継承されるのでしょうか？

注: CSS では、通常、text-、font-、line- で始まる属性を継承できます。

例:

1. 継承できるテキストシリーズの属性

text-indent: text indent
text-align: テキストの水平方向の配置
line-height: 行の高さ
word-spacing: 間隔を増減します。単語間の空白 (単語の間隔)
letter-spacing: 文字間のスペース (文字間隔)
text- transform: コントロールテキスト case
direction: テキストの書き込み方向を指定します
color: テキストの色

2. 継承可能なフォントファミリー属性

font: 結合されたフォント
font-family: 要素のフォントファミリーを指定します
font-weight: フォントの太さを設定します。
font-size: フォントのサイズを設定します
font-style : フォントのスタイルを定義します
font-variant: テキストを表示するためにスモールキャップフォントを設定します。つまり、すべての小文字が次のように変換されます。大文字ですが、すべてスモールキャップフォントが使用されます。文字のフォントサイズは、テキストの他の部分に比べて小さくなります。
font-stretch: 現在のフォントファミリーを拡大および変換します。すべての主要なブラウザでサポートされているわけではありません。
font-size-adjust: 優先フォントの X 高さが維持されるように、要素のアスペクト値を指定します。

プログラミング関連の知識について詳しくは、プログラミング学習をご覧ください。！

以上がCSSのcolorプロパティは継承されるのでしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。