ຖານ CSS inset-block

ການກໍານົດແລະການນໍາໃຊ້

inset-block ການກະຕຸ້ມຄວາມໄລຍະລະຫວ່າງປະກອບອັດຕາພາວະບາງກັບປະກອບອາດີດໃນທິດວົງງານ.

ເຫັນ:要使此属性生效，必须指定 position 属性。

inset-block 属性是以下属性的简写属性：

• inset-block-start
• inset-block-end

inset-block 属性的值可以通过不同方式设置：

如果 inset-block 属性有两个值：

inset-block: 10px 50px;

• 起始距离是 10px
• 结束距离是 50px

如果 inset-block 属性有一个值：

inset-block: 10px;

• 起始和结束距离都是 10px

CSS 的 inset-block 和 inset-inline 属性与 CSS 的 top、bottom、left 和 right 属性非常相似，但 inset-block 和 inset-inline ປະສົມປະສານຈະມີຄວາມຈິງຕາມທາງອາກາດແລະທາງອາຍຸ.

ເຫັນ:CSS ທີ່ກ່ຽວຂ້ອງ writing-mode ກໍານົດທາງອາກາດ. ມັນຈະມີຜົນຕໍ່ທາງຕອນເລີ່ມແລະຕອນຫຼັງທີ່ມີການກໍານົດ, ແລະທາງອາກາດທີ່ມີຜົນຕໍ່ທາງອາກາດ. inset-block ຜົນຂອງປະສົມປະສານ. ສຳລັບບັນດາເວັບໄຊທີ່ເປັນພາສາອັງກິດ, ທາງອາກາດແມ່ນມີທາງລົງ, ທາງອາຍຸແມ່ນມີທາງຈາກຊ້າຍໄປຊ້າຍ.

ພວກພີ້ມ

ບັນດາຫົວຂໍ້ 1

ການກໍານົດຄວາມຫ່າງທີ່ຢູ່ພາຍໃນທາງອາກາດທີ່ກັບປະກອບອາກາດຜູ້ເພີ່ມໃນທາງທີ່ມີການກໍານົດ:

div {
  inset-block: 10px 50px;
}

ທົດລອງດາວໂຕ

ບັນດາຫົວຂໍ້ 2

ບໍ່ແມ່ນ <div> ທີ່ມີການກໍານົດ: writing-mode ຕອນເລີ່ມຂອງປະກອບອາກາດຈະຕ້ອງປ່ຽນໄປສູງຈາກຕາມທາງທີ່ພາຍໃສກັບທາງທີ່ທີ່ທຳອິດຈະຕ້ອງປ່ຽນໄປຕາມທາງທີ່ພາຍໃສກັບທາງທີ່ທຳອິດ, ຕອນຫຼັງຈະຕ້ອງປ່ຽນໄປຕາມທາງທີ່ພາຍໃສກັບທາງທີ່ທຳອິດ:

div {
  inset-block: 10px 50px;
  writing-mode: vertical-rl;
}

ທົດລອງດາວໂຕ

ສັບພາສາ CSS

inset-block: auto|length|initial|inherit;

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

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

ການສະຫຼັບບັດຊະຍາບັດ

ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງອາດຈະຖືວ່າການອອກສາຍອາກາດທີ່ເປັນອັນດັບທຳອິດທີ່ສະຫຼັບການສະຫຼັບຄວາມຈິງຂອງປະການນັ້ນ.

ຂອບເຂດອື່ນໆ

ການສອນ:ການຕິດຕັ້ງ CSS

ກ່ຽວກັບ:ລະບົບ position CSS

ກ່ຽວກັບ:ຖານ CSS inset-block-end

ກ່ຽວກັບ:ຖານ CSS inset-block-start

ກ່ຽວກັບ:ປະເພດບົດສະຫຼົກບົດບັນຍາຍ writing-mode