คุณสมบัติ color

คุณสมบัติ color กำหนดสี ให้กับข้อความ ค่าของคุณสมบัติสามารถเป็น หน่วยสำหรับสี ใดก็ได้ ค่าเริ่มต้นโดยทั่วไปคือ สีดำ

ไวยากรณ์

cssselector {
  color: 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;
}

Результат: