CSS margin-block ປະກອບ

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

margin-block ມັນຈະກຳນົດມູນຄ່າການຫ້ອຍການປະຕູບັນບາງການໃນແວດບັນທັງຕົ້ນແລະຫຼັງບັນທັງການວຽງທີ່ແຕກຕັ້ງຂອງຈາກພວກມັນທີ່ຢູ່ຫຼັງ:

margin-block ຄູ່ມືຂອງມັນສາມາດຕັດຕາມວິທີທີ່ຕ່າງກັນ:

ຖ້າມີຄວາມລະດັບ margin-block ທັງສອງຄັ້ງ:

margin-block: 10px 50px;
  • ເຂດຖານປະຕູບັນບາງການຫຼັງໄກ 10px
  • 结束边缘的外边距为 50px

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

margin-block: 10px;
  • 起始和结束边缘的外边距均为 10px

CSS 的 margin-block ແລະ margin-inline 属性与 CSS 的 margin-top、margin-bottom、margin-left ແລະ margin-right ມີຄວາມຄ້າຍຄຽງຫຼາຍກັບ margin-block, ແຕ່ margin-block ແລະ margin-inline ຄູ່ມູນຄ່າຈະມີຄວາມຈິງພາຍໃນການສັບສິນຈັກການຈັດຕັ້ງທີ່ມີຢູ່ທີ່ທາງການສັບສິນ.

ເຫັນວ່າ:ປະສົມປະສານການຕັ້ງການຍິ່ງ writing-mode ຈະຕັ້ງການສັບສິນຈັກການຈັດຕັ້ງ. ຈະມີຜົນກະທົບຕໍ່ການສັບສິນຈັກການຈັດຕັ້ງທີ່ມີຢູ່ທີ່ທາງການສັບສິນ. margin-block ການຈັດຕັ້ງ. ສັບສິນຈັກການຈັດຕັ້ງທີ່ມີຢູ່ຢ່າງພາຍໃນຂອງພາສາອັງກິດ, ການສັບສິນຈັກການຈັດຕັ້ງຂອງພາສາຂອງອັງກິດຕໍ່ມາຈະຖືກຈັດຕັ້ງຢູ່ທີ່ທາງການສັບສິນຈັກການຈັດຕັ້ງທີ່ມີຢູ່ທີ່ທາງການສັບສິນ.

ຄວາມຈິງ

ບັນທຶກ 1

ຈະຕັ້ງການສັບສິນຈັກການຈັດຕັ້ງຂອງທີ່ມີຢູ່ທີ່ທາງການສັບສິນ.

div {
  margin-block: 35px;
}

ພະຍາຍາມຂອງທ່ານເອງ

ບັນທຶກ 2

ບໍ່ມີຂໍ້ມູນ writing-mode ບໍ່ມີຂໍ້ມູນ

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block: 10px 50px;
}

ພະຍາຍາມຂອງທ່ານເອງ

ສັບສິນຈັກການຈັດຕັ້ງ

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

ຄູ່ມູນຄ່າ

ຈຳນວນ ການອະທິບາຍ
auto ມູນຄ່າຄົງທີ່ເປັນປະເພດພາສາ. ຈຳນວນ margin-block ຄົງທີ່ເປັນປະເພດພາສາຂອງປະກອບ.
length

ຈະຕັ້ງການ margin-block ທີ່ມີຈຳນວນທີ່ຢູ່ຢ່າງພາຍໃນ. ອະນຸຍາດມີຈຳນວນທີ່ຢູ່ຢ່າງຫຼຸດຫຼົງ.

ບໍ່ເວົ້າ:ຄູ່ມວນຊາວການສະໜອງຕາມກຳນົດ CSS.
% ຈະຕັ້ງການສັບສິນຈັກການຈັດຕັ້ງ margin-block ທີ່ສົມທົບກັບຈຳນວນທີ່ມີຢູ່ຂອງພາຍໃນ.
initial ຈະຕັດຕັ້ງການສັບສິນຈັກການຈັດຕັ້ງຄົງທີ່ເປັນປະເພດພາສາ. ເບິ່ງ: initial.
inherit ຈະຍິນຍອມຕົວກັບປະກອບຂອງພາຍໃນ. ເບິ່ງ: inherit.

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

ມູນຄ່າຄົງທີ່ເປັນປະເພດພາສາ: auto
ການຕໍາເວັນ: ບໍ່
ການຍິ່ງຍິງບັນຊີ ການສະໜັບສະໜູນ:ປະສົມປະສານການຕັ້ງການຍິ່ງ.
ລະບົບ: CSS3
ສັບສິນຈັກການຈັດຕັ້ງ: object.style.marginBlock="50px 20px"

ການສະໜັບສະໜູນບັນຊີບັນຊີອາກາດ

ຈຳນວນທີ່ຢູ່ໃນຕາມການກະກຽມອາກາດອານຸຮັກການຈັດຕັ້ງສັບສົນສະເພາະອາກາດສະເພາະສັບສົນສະເພາະສັບສົນອາກາດທີ່ສະໜັບສະໜູນປະກາດຄັນດັ່ງກ່າວ.

ຈຣຸມ ເອດຈ ຟຣີກສ ຊາຟາຣີ ໂອເປຣາ
87.0 87.0 66.0 14.1 73.0

ພາກສ່ວນທີ່ກ່ຽວຂ້ອງ

ອີງຕາມ:CSS margin-block-end ປະກອບ

ອີງຕາມ:CSS margin-block-start ປະກອບ

ອີງຕາມ:CSS margin-bottom ປະກອບ

ອີງຕາມ:ຖານະຄືນ margin-inline

ອີງຕາມ:ຖານະຄືນ margin-left

ອີງຕາມ:ຖານະຄືນ margin-right

ອີງຕາມ:ຖານະຄືນ margin-top

ອີງຕາມ:ປະສົມຄະຕິ writing-mode