ຄວາມພິຈາລະນາບາງຂອງ CSS padding-block-end
- 上一页 padding-block
- 下一页 padding-block-start
定义和用法
元素的 padding-block-end
是指从元素的边框到内容在块方向结束处的空间。
CSS padding-block
和 padding-inline
属性与 CSS 属性 padding-top
、padding-bottom
、padding-left
和 padding-right
非常相似,但 padding-block
和 padding-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
- 上一页 padding-block
- 下一页 padding-block-start