Ιδιότητα 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;
}

Результат: