คุณสมบัติ Style color

การใช้งานและการประกาศ

color ตั้งค่าหรือคืนค่าสีของข้อความ

ดูเพิ่มเติม

ตัวอย่าง CSSCSS ข้อความ

คู่มือ CSSคุณสมบัติ color

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าสีของข้อความสำหรับองค์ประกอบต่างๆ

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

ลองด้วยตัวเอง

ตัวอย่าง 2

คืนสีของข้อความ <p> ขององค์ประกอบ:

alert(document.getElementById("myP").style.color);

ลองด้วยตัวเอง

รูปแบบ

คืนค่าคุณสมบัติ color:

object.style.color

ตั้งค่าคุณสมบัติ color:

object.style.color = "color|initial|inherit"

ค่าของคุณสมบัติ

ค่า รายละเอียด
color

กำหนดสีของข้อความ

ดู ค่าสี CSS,เพื่อขอรายการค่าสีที่เป็นไปได้ทั้งหมด

initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น initial
inherit สืบทอดคุณสมบัตินี้จากตัวมีพ่อ inherit

รายละเอียดเทคนิค

ค่าเริ่มต้น ไม่ได้กำหนด
ค่าที่ได้รับ ตัวแปลรหัสสีของข้อความสมบัติ
เวอร์ชั่น CSS: CSS1

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน