Хусусияти 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;
}

Результат: