คำศัพท์ inherit ใน CSS

ตัวอย่าง

ตั้งสีของข้อความในองค์ประกอบ <span> ให้เป็นสีสky ยกเว้นในองค์ประกอบที่มี class="extra"

span {
  color: blue;
}
.extra span {
  color: inherit;
}

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

คำนิยามและวิธีใช้

คำศัพท์ inherit กำหนดให้คุณสมบัติมีค่าที่มาจากตัวแปลพ่อของมัน

คำศัพท์ inherit สามารถใช้กับรายการคุณสมบัติทุกตัวแปล CSS และทุกองค์ประกอบ HTML

รุ่น: CSS3
การเขียนภาษา JavaScript: object.style.property="inherit"

การสนับสนุนเบราเซอร์

ตัวเลขในตารางบอกว่าเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

คำศัพท์ Chrome IE Firefox Safari Opera
inherit 1.0 8.0 1.0 1.0 4.0

CSS ศัพท์

property: สืบทอด;

หน้าที่เกี่ยวข้อง

CSS initial คำสั่ง:คำสั่ง initial