ອາສາສະໝອງ Style width

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

width ອາສາສະໝອງດັ່ງກ່າວພຽງແຕ່ປະກອບຫຼັກພີ່ນພາຍໃຕ້ສະຖານະສາມາດສາມາດປະກອບຫຼັກພີ່ນພາຍໃຕ້. ການຕັ້ງຫຼືການຕອບວ່າຄວາມກວດມັດຂອງປະກອບ.

width ອາສາສະໝອງດັ່ງກ່າວພຽງແຕ່ປະກອບຫຼັກພີ່ນພາຍໃຕ້ສະຖານະສາມາດສາມາດປະກອບຫຼັກພີ່ນພາຍໃຕ້. ຂໍ້ຄວາມທີ່ຫຼຸດລົງຈະຖືກຈັດໃນ: ອາສາສະໝອງ overflow ເພື່ອຈັດການ.

ຄຳແນະນຳ:ບໍ່ອອກຈາກ: ອາສາສະໝອງ height ການຕັ້ງຫຼືການຕອບວ່າຄວາມຂື້ນຂອງປະກອບ.

ບໍ່ອອກຈາກ:

ການສອນ CSS:ການກໍານົດຂອງ CSS Dimension

ການສອນ CSS:ການກໍານົດວົງວອກ CSS Box Model

ຄູ່ມວນຊົນ CSS:ອາສາສະໝອງ width

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຕັ້ງຄວາມກວດມັດ <button>:

document.getElementById("myBtn").style.width = "300px";

ທົດລອງເອງ

ຕົວຢ່າງ 2

ການດັດແກ້ຄວາມກວດມັດຂອງ <div>:

document.getElementById("myDIV").style.width = "500px";

ທົດລອງເອງ

ຕົວຢ່າງ 3

ການດັດແກ້ຂອງຄວາມກວດມັດ ແລະ ຄວາມຂື້ນຂອງ <img>:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

ທົດລອງເອງ

ຕົວຢ່າງ 4

ການຕອບວ່າ ຄວາມກວດມັດ <img> ຂອງ:

alert(document.getElementById("myImg").style.width);

ທົດລອງເອງ

ສັນຍາ

ການຕອບວ່າ width:

object.style.width

ການຕັ້ງຄວາມກວດມັດ width:

object.style.width = "auto|length|%|initial|inherit"

ຄວາມທີ່ຈະນໍາໃຊ້ສຳລັບອາສາສະໝອງ

ຄວາມທີ່ຈະນໍາໃຊ້ ການອະທິບາຍ
auto ການຕັ້ງຄວາມກວດມັດບູໄສ. ຄົບເດີນການຜະລິດຕົວປະກອບຫຼັກ.
length ການອະທິບາຍຄວາມກວດມັດ, ທີ່ສະແດງຄວາມກວດມັດທີ່ຖືກຈັດໃນສະຖານະວັດທະນະທຳ.
% ການອະທິບາຍຄວາມກວດມັດຂອງປະກອບຫຼັກພີ່ນພາຍໃຕ້ສະຖານະສາມາດສາມາດປະກອບຫຼັກພີ່ນພາຍໃຕ້.
initial ການຕັ້ງຂອງອາສາສະໝອງຂອງປະກອບຫຼັກທີ່ມີ. ບັນຈາກ initial.
inherit ຍິນຍອມກັບອາສາສະໝອງຂອງປະກອບຫຼັກພີ່ນພາຍໃຕ້. ບັນຈາກ inherit.

ລະອຽດດ້ານເຕັກນິກ

ຄວາມຜະສົມງານ: auto
ຄຳຕອບວ່າ: ຄຳອີກຄັນທີ່ສະແດງຄວາມກວດມັດຂອງບັນດາປະກອບຫຼັກ.
ສະຖານະ CSS: CSS1

ການສະໜັບສະໜູນບູໄສ

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