color

Tweet

テキストの色を指定する

colorプロパティはHTML要素の内容として表示されるテキストの色を指定します。

以下の記述例は、どれもem要素に赤色を指定しています。

em { color: red }
em { color: rgb(255,0,0) } 
em { color: "ff0000; } 
em { color: "f00; } 

color(色)は子に引き継がれる

次のようなHTML文書があると仮定し、id名 test に colorプロパティで青色を指定します。

<div id="test">
	<p>リストを表示します。</p>
	<ul>
		<li>list 1</li>
		<li>list 2</li>
	</ul>
</div>

#test { color: #blue; }

この場合、id名 test の子であるHTML要素のテキストの全て「リストを表示します。」「list 1」「list 2」の文字が青色になります。