CSS รายการ color
- หน้าที่แล้ว clip-path
- หน้าต่อไป color-scheme
การกำหนดและการใช้งาน
คุณสมบัติ color กำหนดสีของข้อความ。
คุณสมบัตินี้ตั้งค่าสีของหน้าตากล่อง (foreground) ขององค์ประกอบ (ในการแสดงทาง HTML คือสีของข้อความขององค์ประกอบ); รูปภาพระบบแสดงทางภาพไม่ได้รับผลกระทบโดยคุณสมบัติ color นี้; สีนี้จะถูกนำไปใช้กับขอบเขตขององค์ประกอบทั้งหมด ยกเว้นถ้าถูกทับด้วยคุณสมบัติ border-color หรือคุณสมบัติสีขอบเขตอื่นๆ。
วิธีที่ง่ายที่สุดในการตั้งค่าสีของหน้าตากล่อง (foreground) ขององค์ประกอบคือใช้คุณสมบัติ color。
ดูเพิ่มเติมที่:
ตัวอย่าง CSS:CSS ข้อความ
คู่มืออ้างอิง HTML DOM:คุณสมบัติ color
ตัวอย่าง
ตั้งค่าสีของข้อความสำหรับองค์ประกอบต่างๆ:
body
{
color:red;
}
h1
{
color:#00ff00;
}
p
{
color:rgb(0,0,255);
}
คำแนะนำและหมายเหตุ
คำแนะนำ:คำแนะนำ: ใช้สีพื้นหลังและสีข้อความที่เหมาะสมเพื่อเพิ่มความชัดเจนของข้อความ。
การเขียนรหัส CSS
color: color|initial|inherit;
ค่าทางตัวเลือก
| ค่า | คำอธิบาย |
|---|---|
| color_name | กำหนดสีที่เป็นชื่อสี (เช่น red))。 |
| hex_number | กำหนดสีที่เป็นรหัสหกติ (เช่น #ff0000))。 |
| rgb_number | กำหนดสีที่เป็นรหัส rgb (เช่น rgb(255,0,0))。 |
| inherit | กำหนดให้เป็นสีที่ต้องการจากตัวปลูกแบบต้น (parent element)。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | not specified |
|---|---|
| การสืบทอด: | yes |
| เวอร์ชั่น: | CSS1 |
| การเขียนรหัส JavaScript: | object.style.color="#FF0000" |
ตัวอย่างเพิ่มเติม
- ตั้งค่าสีของข้อความ
- ตัวอย่างนี้แสดงวิธีการตั้งค่าสีของข้อความ。
การสนับสนุนโปรแกรมนี้
ตัวเลขในตารางระบุเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- หน้าที่แล้ว clip-path
- หน้าต่อไป color-scheme
