คุณสมบัติ backgroundOrigin Style

การกำหนดและการใช้งาน

backgroundOrigin คุณสมบัตินี้กำหนดตำแหน่งของ background-position ตามตำแหน่งใด

หมายเหตุ:ถ้าคุณกำหนดคุณสมบัติ background-attachment ของรูปภาพพื้นหลังเป็น "fixed"ถ้าคุณไม่มีอะไรที่จะกำหนด คุณสมบัตินี้จะไม่มีผล

ตัวอย่าง

จัดตำแหน่งรูปภาพพื้นหลังตามกล่องเนื้อหา:

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

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

บทภาพ

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

object.style.backgroundOrigin

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

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

ค่ารายละเอียดขององค์ประกอบ

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

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

ค่าเริ่มต้น: padding-box
ค่าที่ได้รับมา ตัวอักษรสาย แสดงถึงตำแหน่งขององค์ประกอบ คุณสมบัติ background-origin.
เวอร์ชั่น CSS: CSS3

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

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

ทั้งหมดเบราเซอร์สนับสนุนมันทั้งหมด:

เชิร์น เอดจ์ ไฟร็อกซ์ เซฟารี่ โอเปร่า IE
เชิร์น เอดจ์ ไฟร็อกซ์ เซฟารี่ โอเปร่า IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน 11

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

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