Style height 属性

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

height ການຕັ້ງຂອງຄວາມຫຼາຍຂອງສັບສາຍ.

height ບັນດາຄວາມທີ່ຈະປະກອບພຽງສັບສາຍບັນດາປະກອບ. ຄວາມທີ່ຈະຫຼຸດລົງຈາກຄວາມວົງສາມາດຕັ້ງຂອງ: overflow 属性 ການຕັ້ງຄວາມວົງ.

ຂໍ້ສັງເກດ:ຂໍ້ສັງເກດ: width 属性 ການຕັ້ງຂອງຄວາມວົງຂອງສັບສາຍ.

ບໍ່ມີຫຍັງ:

ການສອນ CSS:CSS Dimension

ການສອນ CSS:ສະເຕຣມ CSS ວົງກວ້າງ

ປື້ມການບັງບາງ CSS:ບັນດາຄວາມຫຼາຍ height

ຄວາມນຳໃຊ້

ຄັ້ງທີ 1

ການຕັ້ງຄວາມຫຼາຍ <button>:

document.getElementById("myBtn").style.height = "50px";

ທ້າທາຍທັງໝົດ

ຄັ້ງທີ 2

ການປ່ຽນຄວາມຫຼາຍ <div>:

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

ທ້າທາຍທັງໝົດ

ຄັ້ງທີ 3

ການປ່ຽນຄວາມຫຼາຍ ແລະ ຄວາມວົງຂອງ <img>:

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

ທ້າທາຍທັງໝົດ

ຄັ້ງທີ 4

ການຕອບກັບ height <img>:

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

ທ້າທາຍທັງໝົດ

ວິທິການ

ການຕອບກັບ height:

object.style.height

ການຕັ້ງຄວາມຫຼາຍ height:

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

ຄູ່ມົງຄາດຂອງບັນດາປະສົມ

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

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

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

ການສະໜັບສະໜູນບັນຊີວະບານ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持