Style boxShadow 属性

ການສະແດງ ແລະ ການນໍາໃຊ້

boxShadow ອາກາດການສະຫຼັບຕົວເອງຂອງປະກອບອາກາດ.

ບໍ່ມີຫຍັງອື່ນໆ:

ປະກາດ CSSລະບຽບ box-shadow

ຄວາມຈຳນວນ

ການເພີ່ມ box-shadow ຕໍ່ div ປະກອບອາກາດ:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

ທົດລອງດີເທີງ

ວິທະຍາສາດ

ການຕອບ boxShadow 属性:

object.style.boxShadow

ການຕັ້ງ boxShadow 属性:

object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

ຄຳເຫັນ:boxShadow ອາກາດສະແດງການສະຫຼັບອາກາດຂອງປະກອບອາກາດ. ອາກາດສະຫຼັບຈະແມ່ນລາຍການທີ່ຖືກສະແດງໂດຍຄວາມຫຼາຍຫຼາຍ, ກັບ 2-4 ຈຳນວນຄວາມຫຼາຍຫຼາຍ, ສີຫຼັກການສະຫ�ັບ (ຄວາມຫຼາຍຫຼາຍທີ່ບໍ່ມີສີຫຼັກການສະຫ�ັບ) ແລະ ຄຳສັ່ງ inset (ຄວາມຫຼາຍຫຼາຍທີ່ບໍ່ມີ). ຈຳນວນຄວາມຫຼາຍຫຼາຍທີ່ບໍ່ມີຈະແມ່ນ 0.

ຄູ່ມືອາກາດ

ຄູ່ມື ການອະທິບາຍ
none ຄູ່ມື. ບໍ່ສະແດງສີຫຼັກການສະຫ�ັບ.
h-shadow ມັນເປັນຂໍ້ບັງຄັບ. ຈະຕັ້ງກຳນົດຄວາມຫຼາຍຫຼາຍທາງທຳລາຍ. ອະນຸຍາດມີຈຳນວນລົງລົງ.
v-shadow ມັນເປັນຂໍ້ບັງຄັບ. ຈະຕັ້ງກຳນົດຄວາມຫຼາຍຫຼາຍທາງທຳລາຍ. ອະນຸຍາດມີຈຳນວນລົງລົງ.
blur 可选。ລາຍການຄວາມຫຼາຍຫຼາຍ.
spread 可选。ຂະໜາດການສະຫ�ັບ.
color

ທາງເລືອກ. ສີຫຼັກການສະຫ�ັບການສະຫຼັບ. ຄູ່ມືສົມບູນແມ່ນສີສີນອງ.

ບັນຊີ ລະບົບສີ CSS，ເພື່ອຮຽບຮ້ອງລາຍການສີທີ່ສາມາດໃຊ້.

ຄຳແນະນຳ:ໃນ Safari (PC)color ມັນເປັນຂໍ້ບັງຄັບ. ຖ້າບໍ່ມີການກໍານົດສີຫຼັກການສະຫຼັບຈະບໍ່ສະແດງສີຫຼັກການສະຫ�ັບ.
inset ທາງເລືອກ. ຈະປ່ຽນລະບົບການສະຫຼັບຕົວເອງທາງພາຍໃນປະກອບອາກາດ. ບັນຊີ
initial ຈະປ່ຽນຄືນລະບົບມັນໄປເປັນຄູ່ມືສົມບູນ. ບັນຊີ initial。
inherit ຈະອານຸຍາດຈາກປະກອບອາກາດຜູ້ປົກຄອງຂອງມັນ. ບັນຊີ inherit。

ລະບົບກໍານົດ

ຄູ່ມືສົມບູນ ບໍ່ມີຢ່າງໃດ
ຜົນການຕອບສະຫຼັບ ຄວາມຕາຍດຽວກັນ，ສະແດງເປັນຫຼັກອາກາດຂອງປະກອບອາກາດ ລະບຽບ box-shadow。
CSS ສະພາບ: CSS3

ການສະໜັບສະໜູນບັນດາຄົນບັນຊາການ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ການສະໜັບສະໜູນ 9.0 ການສະໜັບສະໜູນ 5.1 ການສະໜັບສະໜູນ