CSS3 background-origin Property

ให้ภาพพื้นหลังเริ่มต้นจากมุมซ้ายบนของเนื้อหา:

#example1 {
    background:url(img_flwr.gif);
    background-repeat: no-repeat;
    padding:35px;
    background-origin: content-box;
}

ความหมายและการใช้งาน

คุณสมบัติพื้นหลังกำเนิดระบุว่าภาพพื้นหลังอยู่ในตำแหน่ง

Note: ถ้าคุณสมบัติพื้นหลังแนบถูกตั้งค่าเป็น "fixed" คุณสมบัตินี้จะไม่มีผล

ค่าเริ่มต้น:	padding-box
รับการถ่ายทอด:	no
Animatable:	no. Read about animatable
เวอร์ชัน:	CSS3
ไวยากรณ์ javascript:	object .style.backgroundOrigin="content-box" Try it

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

คุณสมบัติ
background-origin	4.0	9.0	4.0	3.0	10.5

background-origin: padding-box|border-box|content-box|initial|inherit;

ความคุ้มค่า	ลักษณะ	เล่น
padding-box	ค่ามาตรฐาน ภาพพื้นหลังเริ่มต้นจากมุมซ้ายบนของขอบช่องว่างภายใน	เล่น "
border-box	ภาพพื้นหลังเริ่มต้นจากมุมซ้ายบนของเส้นขอบ	เล่น "
content-box	ภาพพื้นหลังเริ่มจากมุมบนซ้ายของเนื้อหา	เล่น "
initial	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น	เล่น "
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

อ้างอิง HTML DOM: backgroundOrigin property