color Özelliği

color özelliği metnin rengini ayarlar. Özelliğin değeri olarak herhangi bir renk birimi kullanılabilir. Varsayılan değer genellikle siyah renktir.

Sözdizimi

cssseçici {
  color: renk;
}

Örnek

Bir elemana kırmızı renk verelim:

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

css#elem {
  color: red;
}

Результат:

Örnek

color özelliği sadece metnin rengini değil, liste işaretleyicilerinin rengini de belirler:

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;
}

Результат:

Örnek

color özelliği, aynı zamanda kenarlık rengini de belirler (eğer border-color ile belirtilmemişse):

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

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

Результат: