თვისება 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;
}