ຖະໜົນສຸດທ້າຍຂອງລະບົບ CSS

定义和用法

margin-inline-end 属性指定行内方向末端的外边距。

CSS 的 margin-inline ແລະ margin-block 属性与 margin-topmargin-bottommargin-left ແລະ margin-right ຄືກັນກັບ margin-inline-end, ແຕ່ margin-inline ແລະ margin-block ຄູ່ມັດຈະມີຄວາມຈິງຕາມທາງການສະແດງທີ່ພາຍໃນ.

ຄໍາເຫັນ:ຄູ່ມັດ CSS ທີ່ກ່ຽວຂ້ອງ writing-mode ແລະ direction ຈະກໍານົດທາງການສະແດງ. ມັນຈະມີຜົນຕໍ່າກັບທີ່ຕັ້ງແຕ່ປະກອບພາຍໃນຈົນເຖິງປະກອບສຸດທ້າຍ, ແລະ margin-inline-end ຄູ່ມັດທີ່ຢູ່ທາງຊາຍເຫຼືອຫຼັງຈາກຫຼັງຈາກຫຼັງຈາກຫຼັງ:

ຄວາມພິມ

ກໍານົດ 1

ກໍານົດທາງການສະແດງທີ່ຢູ່ທາງສຸດທ້າຍທາງການສະແດງ.

div {
  margin-inline-end: 35px;
}

ທົດລອງຄົນດຽວຂອງຕົນເອງ

ກໍານົດ 2

ບໍ່ແມ່ນປະກອບ <div> writing-mode ຄູ່ມັດທີ່ 'vertical-rl' ຈະເຮັດໃຫ້ທາງການສະແດງຢູ່ທາງລຸ່ມຫຼັງຈາກຫຼັງຈາກຫຼັງ:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

ທົດລອງຄົນດຽວຂອງຕົນເອງ

ກໍານົດ 3

ບໍ່ແມ່ນປະກອບ <div> direction ຄູ່ມັດທີ່ 'rtl' ຈະເຮັດໃຫ້ທາງການສະແດງຢູ່ທາງຊາຍເຫຼືອຫຼັງຈາກຫຼັງຈາກຫຼັງຈາກຫຼັງຈາກຫຼັງ:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

ທົດລອງຄົນດຽວຂອງຕົນເອງ

ພາສາ CSS

margin-inline-end: auto|length|initial|inherit;

ຄູ່ມັດທາງການສະແດງ

ຄູ່ມັດ ການອະທິບາຍ
auto ຄູ່ມັດຄວາມຜົນຕໍ່າ. ຈຳນວນ margin-inline-end ຄົງທີ່ຂອງປະກອບ.
length

ຈະກໍານົດ margin-inline-end ທີ່ສູງດ້ວຍສາມາດ px, pt, cm ແລະອີກ. ອະນຸຍາດມີຄວາມນຳຫຼວດ.

ບັນດາການກ່າວຫາ:ຄູ່ມູນວາງສາຍການຄັດຄັກຊະນະຄູມູນວາງສາຍສະແດງ.

% ຈະກໍານົດ margin-inline-end ທີ່ສູງດ້ວຍສາມາດພາກສ່ວນຂອງຂະໜາດປະກອບພາຍໃນທາງການສະແດງ.
initial ຈະປ່ຽນປະສົມປະສານທີ່ເປັນຄູ່ມັດຄວາມຜົນຕໍ່າ. ບັນດາການກ່າວຫາ: initial.
inherit ຈະຮັບປະກອບຈາກປະກອບປົກກະຕິຂອງປະກອບພາຍໃນ. ບັນດາການກ່າວຫາ: inherit.

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

ຄູ່ມັດຄວາມຜົນຕໍ່າ: auto
ການຮັບປະກອບ: ບໍ່
ການສ້າງການສະແດງ ການສະໜັບສະໜູນ. ບັນດາການກ່າວຫາ:ປະສົມປະສານທາງການສະແດງ.
ສະຖານະ: CSS3
ພາສາ JavaScript: object.style.marginInlineEnd="50px"

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

ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງສະແດງວ່າບັນດາບັນນາທິການທີ່ເປັນການສະໜັບສະໜູນຄອມພິວເຕີມທີ່ເປັນການສະໜັບສະໜູນຄອມພິວເຕີມທີ່ເປັນການສະໜັບສະໜູນຄອມພິວເຕີມທີ່ເປັນການສະໜັບສະໜູນຄອມພິວເຕີມທີ່ເປັນການສະໜັບສະໜູນຄອມພິວເຕີມ

ຊຣອມ ເອດຈ ຟຣີກສ ຊາຟາຣີ ໂອເປຣາ
87.0 87.0 41.0 12.1 73.0

ຂອບເຂດທີ່ກ່ຽວຂ້ອງ

ກ່ຽວກັບ:ປະເພດ CSS direction

ກ່ຽວກັບ:ຖະໜົນສຳນັກງານຂອງລະບົບ CSS

ກ່ຽວກັບ:ລະບົບ@margin-bottomCSS

ກ່ຽວກັບ:ຖະໜົນຂອງລະບົບ CSS

ກ່ຽວກັບ:ຖະໜົນຊ້າຍຂອງລະບົບ CSS

ກ່ຽວກັບ:ຖະໜົນຊາຍຂອງລະບົບ CSS

ກ່ຽວກັບ:ຖະໜົນຕາກາງຂອງລະບົບ CSS

ກ່ຽວກັບ:ທີ່ການປະຕິບັດຄຳຂຽນ CSS