Color хусусияти

color хусусияти матнга ранг беради. Хусусият қиймати сифатида ишлатиладиган ҳар қандай ранг ўлчов бирликлари. Андоза қиймат оддатда қора ранг.

Синтаксис

селектор {
	color: ранг;
}

Элементга қизил ранг берамиз:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	color: red;
}

color хусусияти фақат матнгагина эмас, балки рўйхат маркерларига ҳам ранг беради:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

li {
	color: red;
}

color хусусияти чеккага ҳам ранг беради (агар у border-color да берилмаган бўлса):

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	color: red;
	border-style: solid;
	border-width: 2px;
}