Color хусусияти

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

Синтаксис

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

Мисол

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

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

css#elem {
  color: red;
}

Результат:

Мисол

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

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

cssli {
  color: red;
}

Результат:

Мисол

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

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

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

Результат: