ຄູ່ມືການສະແດງຄັດຄະກັນ CSS

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

background-origin ການສະແດງ background-position ບັນຊີຈັດການທາງຂອງບັນຊີຕໍ່ກັບທີ່ຫຼັງ.

ຄວາມຄິດເຫັນ:ຖ້າພາບການຫຼັງ background-attachment ບັນຊີ "fixed"ໃຫ້ບໍ່ມີຜົນກະທົບບັນຊີນີ້.

ບໍ່ດັ່ງນັ້ນ ແລະ ພາຍໃນ:

ການສອນ CSS:ລະບົບຄູ່ມວນຊົນ ບໍລິຫານ、ພາບການຫຼັງ (ຂັ້ນກາງ)

ປື້ມອະທິບາຍ HTML DOM:ບັນຊີ backgroundOrigin

ຄວາມຄົງທາງ

ຈັດການທາງຂອງພາບການຫຼັງຕາມ content-box:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

ທໍາອິດສະແດງຕົວຕົນ

ການຂຽນພາສາ CSS

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

ຕົວເລື່ອງຂອງບັນຊີ

ຕົວເລື່ອງ ການອະທິບາຍ ການທົດລອງ
padding-box ພາບການຫຼັງກັບບັນຊີເລື່ອງ padding-box. ການທົດລອງ
border-box ພາບການຫຼັງກັບບັນຊີເລື່ອງ border-box. ການທົດລອງ
content-box ພາບການຫຼັງກັບຂໍ້ມູນມີການຈັດການທາງຂອງຕາມບັນຊີເລື່ອງ content-box. ການທົດລອງ

ຂໍ້ມູນດ້ານເຕັກນິກ

ມັນເປັນພົນຕົວ: padding-box
ການຮັບສົມມຸດ: no
ສະຖານະການ: CSS3
ການຂຽນພາສາ JavaScript: object.style.backgroundOrigin="content-box"

ການສະນັບການບັນຊີບັດ

ຕົວເລກໃນຕາມໂບດັບທຳອິດທີ່ສະນັບການການນຳໃຊ້ປະກາດດັ່ງກ່າວນີ້.

ຊາບ ອັງສ ຟຣີອກສ ຊາຟາຣີ ໂອເປຣາ
ຊາບ IE / ອັງສ ຟຣີອກສ ຊາຟາຣີ ໂອເປຣາ
4.0 9.0 4.0 3.0 10.5