ມາຍລະບັນ inset-inline

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

ກຳນົດທາງການຂຽນ. ມັນຈະມີຜົນກະທົບຕໍ່ທີ່ສິງຂອງການຂຽນແລະທີ່ສິງຂອງບັນດາບັນດາປະສົມອາຊີບ. ຄວາມລະບຸການການຈັດການຂອງສິ່ງສ້າງທີ່ຖືກກຳນົດຢູ່ພາຍໃນທິດວົງກາງກັບປະຈຳມົນປະໄວ້ຂອງພວກເຂົາ.

ເຫັນ:ເພື່ອສ້າງຄວາມຜົນງານຂອງຄວາມລະບຸນີ້ຕ້ອງການກຳນົດ position ຄວາມລະບຸ

ກຳນົດທາງການຂຽນ. ມັນຈະມີຜົນກະທົບຕໍ່ທີ່ສິງຂອງການຂຽນແລະທີ່ສິງຂອງບັນດາບັນດາປະສົມອາຊີບ. ມັນເປັນຄວາມລະບຸຊິບຊັບຂອງຄວາມລະບຸດັ່ງລຸ່ມ:

• inset-inline-start
• inset-inline-end

ກຳນົດທາງການຂຽນ. ມັນຈະມີຜົນກະທົບຕໍ່ທີ່ສິງຂອງການຂຽນແລະທີ່ສິງຂອງບັນດາບັນດາປະສົມອາຊີບ. ຄວາມລະບຸຂອງມັນສາມາດກວດກາໄດ້ໂດຍຫຼາຍວິທີ:

ຖ້າມີຄວາມລະບຸ inset-inline ທັງສອງຄັນ:

ກຳນົດຄວາມຫ່າງຂອງບັນດາບັນດາປະສົມອາຊີບທີ່ມີການກັບຕົວເລກທີ່ຕາມບັນດາບັນດາປະສົມອາຊີບຂອງປະກອບຫຼັງ.

• ຂະຫຍາຍທີ່ສົ່ງຕົ້ນຈະຢູ່ 10px
• ຂະຫຍາຍທີ່ສິນສຸດຈະຢູ່ 50px

ຖ້າ inset-inline ມີຄູ່ມັດຄົງ:

inset-inline: 10px;

• ຈຳນວນຫ່າງຂອງທີ່ສິງທີ່ຕາມທັງສອງທາງສິງທີ່ຕາມບັນດາບັນດາປະສົມອາຊີບ:

CSS ທີ່ມີຄວາມຄ້າຍຄືກັນຫຼາຍ, ແຕ່ CSS ກັບbottomtopbottom, ບັນດາບັນດາບາງບັນດາປະສົມອາຊີບ CSS left right ທີ່ມີຄວາມຄ້າຍຄືກັນຫຼາຍ, ແຕ່ ບັນດາບັນດາບາງບັນດາປະສົມອາຊີບ CSS ກຳນົດທາງການຂຽນ. ມັນຈະມີຜົນກະທົບຕໍ່ທີ່ສິງຂອງການຂຽນແລະທີ່ສິງຂອງບັນດາບັນດາປະສົມອາຊີບ. inset-inline

ເຫັນ:ກັບ ຕົວຢ່າງ 2 ບັນດາບັນດາບາງບັນດາປະສົມອາຊີບ CSS ຕອນທີ່ <div> ປະກອບຫຼັງ: ກັບ ກຳນົດທາງການຂຽນ. ມັນຈະມີຜົນກະທົບຕໍ່ທີ່ສິງຂອງການຂຽນແລະທີ່ສິງຂອງບັນດາບັນດາປະສົມອາຊີບ. inset-inline

ຄວາມຈຳນວນຂອງບັນດາບາງບັນດາປະສົມອາຊີບນີ້.

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ບໍ່ມີຄວາມຄິດຫຼືຄວາມຄິດສະແດງ:
  ກຳນົດຄວາມຫ່າງຂອງບັນດາບັນດາປະສົມອາຊີບທີ່ມີການກັບຕົວເລກທີ່ຕາມບັນດາບັນດາປະສົມອາຊີບຂອງປະກອບຫຼັງ.
direction: rtl;

}

inset-inline: 10px 50px;

ຕົວຢ່າງ 3 ຕົວຢ່າງ 2 writing-mode

ບໍ່ມີຄວາມຄິດຫຼືຄວາມຄິດສະແດງ:
  div {
  ບໍ່ມີຄວາມຄິດຫຼືຄວາມຄິດສະແດງ:
direction: rtl;

}

writing-mode: vertical-rl;

ຕົວຢ່າງ 3 ຕອນທີ່ <div> ປະກອບຫຼັງ: direction

ບໍ່ມີຄວາມຄິດຫຼືຄວາມຄິດສະແດງ:
  div {
  inset-inline: 15px 30px;
direction: rtl;

}

ທົດລອງຄັບພີມ

ສັບພາສາ CSSlengthinset-inline: auto|

ຄູ່ມັດຄົງ: |initial|inherit;

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

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

ຈຳນວນບັນທຶກໃນຕາມບາງບັນດາບັນນາທິການທີ່ສະໜັບສະໜູນບັນດາບັນດາປະສົມອາຊີບນີ້ທັງໝົດ.

ເບີໂທ

教程：CSS 定位

参考：ບັນດາຄວາມ position CSS

参考：ລະບົບdirection CSS

参考：ປະກາດຄູ່ມີການຄຳສະແດງຄວາມຫຼຸດອອກ