ປະເພດ CSS inline-size

ຫນ້າກ່ອນ initial-letter
ຫນ້າຕໍ່ໄປ inset

定义和用法

inline-size 属性指定元素在行内方向上的大小。

注意：相关的 CSS 属性 writing-mode ການຍິ່ງວັດຕົວເລກນັ້ນ, ຈະມີຜົນກະທົບໃສ່: inline-size ຄູ່ມືສຳລັບທາງພາຍໃນຈະປ່ຽນຈາກຕາມທິດຈາກຊ້າຍເປັນກາງລົງ, ທາງວົງວຽນແມ່ນຕາມທິດຈາກຊ້າຍເປັນຕາລະບານ.

CSS: inline-size ແລະ block-size ຄູ່ມືສຳລັບ CSS: width ແລະ height ຄູ່ມືຕົວເລກນັ້ນຫຼາຍກວ່າ, ແຕ່ inline-size ແລະ block-size ປະສົມປະກອບນັ້ນອີງຕາມທາງພາຍໃນແລະທາງວົງວຽນ.

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການກະກຽມຂະໜາດປະກອບ <div> ໃນທາງພາຍໃນ:

div {
  inline-size: 200px;
}

ການສະແດງຕົວເລກຈາກຕົວເລກພາສາອັງກິດ:

ຕົວຢ່າງ 2

ເມື່ອ <div> ປະກອບຢູ່: writing-mode ຄູ່ມືຕົວເລກຂອງ vertical-rl ເມື່ອ, ທາງພາຍໃນຈະປ່ຽນຈາກຮູບຈຳນວນສູງສູງໄປຫາກາງລົງ, ນັ້ນຈະມີຜົນກະທົບໃສ່: inline-size ວິທີການປະຕິບັດຂອງປະສົມປະກອບ:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

ການສະແດງຕົວເລກຈາກຕົວເລກພາສາອັງກິດ:

ສັບພາສາ CSS:

inline-size: auto|length|initial|inherit;

ຄູ່ມືຕົວເລກ:

ຄູ່ມືຕົວເລກ:	ການອະທິບາຍ:
auto	ຄູ່ມືສົມທອດ. ຄູ່ມືສົມທອດຄົນປະກອບຂອງປະກອບ.
length	ການຍິ່ງວັດຕົວເລກສຳລັບຂະໜາດສຳລັບທາງພາຍໃນ, ສະເລັດສະນັກວິທະຍາສາດ px, pt, cm ແລະອີກ. ອະນຸຍາດນຳໃຊ້ຄູ່ມືລົບ. ບັນດາຄວາມທີ່ກ່ຽວຂ້ອງ:ຄູ່ມວຍການຄູ່ມວຍ CSS.
%	ການຍິ່ງວັດຕົວເລກສຳລັບຂະໜາດຕາມຕົວເລກຂອງພະຍາຍາມພາຍໃນສາຍຍິ່ງ. ບັນດາຄວາມທີ່ກ່ຽວຂ້ອງ:
initial	ການຍິ່ງວັດຕົວເລກນັ້ນ. ບັນດາຄວາມທີ່ກ່ຽວຂ້ອງ: initial.
inherit	ການຍິ່ງວັດຕົວເລກນັ້ນ. ບັນດາຄວາມທີ່ກ່ຽວຂ້ອງ: inherit.

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

ຄູ່ມືສົມທອດ:	auto
ການສືບທອດ:	ບໍ່:
ການຍິ່ງວັດ:	ການສະໜັບສະໜູນ. ບັນດາຄວາມທີ່ກ່ຽວຂ້ອງ:ປະສົມປະກອບທີ່ກ່ຽວຂ້ອງກັບການຍິ່ງວັດ:.
ສະຖານະການ:	CSS3
ສັບພາສາ JavaScript:	object.style.inlineSize="250px"