คุณสมบัติ style backgroundClip

คำอธิบายและการใช้งาน

backgroundClip ตั้งค่าหรือกลับมาด้วยพื้นที่ที่จะวาดฝายหลัง

ดูเพิ่มเติม:

HTML สไตล์คุณสมบัติ background

CSS คู่มือCSS พื้นหลัง

CSS3 คู่มือCSS3 ฝายหลัง

คู่มือ CSSคุณสมบัติ background-clip

ตัวอย่าง

กำหนดพื้นที่ที่จะวาดฝายหลัง

document.getElementById("myDIV").style.backgroundClip = "content-box";

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

รูปแบบการใช้

กลับมาด้วยคุณสมบัติ backgroundClip:

object.style.backgroundClip

ตั้งคุณสมบัติ backgroundClip:

object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"

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

ค่า คำอธิบาย
border-box ค่าเริ่มต้น ฝายของหลังมันถูกตัดตัวเพื่อด้านหน้าของเขตเบราเซอร์
padding-box ฝายของหลังมันถูกตัดตัวเพื่อเขตรอยู่ด้านใน
content-box ฝายของหลังมันถูกตัดตัวเพื่อความหมายของเนื้อหา
initial ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู: initial。
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู: inherit。

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

ค่าเริ่มต้น: border-box
ค่าที่กลับมา: ตัวอักษร ที่แสดงโดยองค์ประกอบของ คุณสมบัติ background-clip。
เวอร์ชั่น CSS: CSS3

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

backgroundClip เป็นคุณสมบัติของ CSS3 (1999) ครับ。

ทั้งหมดเบราเซอร์ต่างๆเข้าใจมันทั้งหมด:

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