ຄວາມພິຈາລະນາບາງຂອງ CSS padding-block-end

定义和用法

元素的 padding-block-end 是指从元素的边框到内容在块方向结束处的空间。

CSS padding-blockpadding-inline 属性与 CSS 属性 padding-toppadding-bottompadding-leftpadding-right 非常相似,但 padding-blockpadding-inline 属性依赖于块方向和行内方向。

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

ກໍລະນີ

ກໍລະນີ 1

ການກໍານົດການປ່ຽນຕົວທາງສາຍທີ່ຢູ່ທີ່ສຸດຂອງທາງສາຍ.

p {
  padding-block-end: 35px;
}

ສວບສວນພາສາຢູ່ບໍລິໂພກ

ກໍລະນີ 2

ການກໍານົດ <div> ທີ່: writing-mode ການກໍານົດຄູ່ມີຄວາມຄິດ vertical-rl ຈະເຮັດໃຫ້ການເຄື່ອນຍ້າຍສ່ວນການອອກອາລາສຈາກສາຍທີ່ທາງຊ້າຍໄປທາງຊ້າຍ. ຜົນຂອງນັ້ນແມ່ນຈຸດຢຸດຂອງປະກອບອາລາສຈະເຄື່ອນຍ້າຍຈາກດ້ານລຸ່ມໄປທາງຊ້າຍ:

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

ສວບສວນພາສາຢູ່ບໍລິໂພກ

ສັບພາສາ CSS

padding-block-end: auto|value|initial|inherit;

ຄູ່ມີຄວາມຄິດອາລາສ

ຈຳນວນຕົວເລກ ການອະທິບາຍ
auto ຄູ່ມີຄວາມຄິດເບື້ອງຕົ້ນ. ຈຳນວນຕົວເລກ padding-block-end ຄົບທີ່ເປັນຄູ່ມີຄວາມຄິດເບື້ອງຕົ້ນ.
length

ການກໍານົດ padding-block-end ທີ່ເປັນຈຳນວນຕາການ px, pt, cm ແລະ ອື່ນໆ. ບໍ່ອະນຸຍາດການນຳບັນດາຕົວເລກລົງ.

ບັນປາການ:CSS units.

% ການກໍານົດ padding-block-end ທີ່ເປັນສິບຕາການຈຳນວນຂອງຄວາມໃຫຍ່ທີ່ພາຍໃນປະຈຳພູມສັດທີ່ຍາວທາງສາຍ.
initial ການປ່ຽນຕົວຕົນສະຫລາດນີ້ໃຫ້ເປັນຄູ່ມີຄວາມຄິດເບື້ອງຕົ້ນ. ບັນປາການ: initial.
inherit ລວມນຳສະຫລາດນີ້ຈາກປະຈຳປະກອບປະຈຳພູມສັດ. ບັນປາການ: inherit.

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

ຄູ່ມີຄວາມຄິດເບື້ອງຕົ້ນ: auto
ການລວມນຳ: ບໍ່
ການສ້າງອອກອາລາສ: ສະໜັບສະໜຸນ. ບັນປາການ:ປະສົມປະກອບອາລາສອອກອາລາສ.
ສະຖານະ: CSS3
ສັບພາສາ JavaScript: object.style.paddingBlockEnd="100px"

ການສະໜັບສະໜຸນອອກອາລາສ

ຈຳນວນຕົວເລກໃນຕາຕະລາງສະແດງການອອກອາລາສທີ່ເປັນລາຍຮູບຄົບທີ່ເປັນລາຍຮູບຄົບທີ່ພິຈາລະນາຄັດຄ້າຍກັບຄວາມຄິດຂອງອາລາສດັ່ງກ່າວ.

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

相关页面

参考:ຄວາມພິຈາລະນາບາງຂອງ CSS padding-block

参考:ຄວາມພິຈາລະນາບາງຂອງ CSS padding-block-start

参考:ຄວາມພິຈາລະນາບາງຂອງ CSS padding-inline

参考:ຄວາມພິຈາລະນາບາງຂອງ CSS padding-bottom

参考:ຄວາມພິຈາລະນາບາງຂອງ CSS padding-left

参考:ຄວາມພິຈາລະນາບາງຂອງ CSS padding-right

参考:ຄວາມພິຈາລະນາບາງຂອງ CSS padding-top

参考:ປະກາດທີ່ຄວາມຍົກການຄັດເລືອກ