ລະບົບ padding-block CSS

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

ສະຫຼຸບສະຫຼາກ padding-block ສະຫຼຸບອາຍິນໃນລະບົບຊາຍບອກ

• padding-block-start
• padding-block-end

padding-block 属性的值可以通过不同的方式设置：

如果 padding-block 属性有两个值：

padding-block: 10px 50px;

• 起始处的内边距为 10px
• 结束处的内边距为 50px

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

padding-block: 10px;

• ຈຳນວນການປົກປັກຮັກທາງລົງກວ່າແລະທາງອອກຈະມີຈຳນວນ 10px

CSS padding-block ແລະ padding-inline ທາງສະໜັບສະໜຸນ ມີຄວາມຄ້າຍຄືກັນຫຼາຍຫຼາຍ ແຕ່padding-bottompadding-toppadding-bottom, ແລະ padding-left padding-right padding-block ແລະ padding-inline ມູນຄ່າວັດຖຸອີງຕາມທາງຂອງການປະຕິບັດ ແລະທາງມັນຫາ.

ເວລາກ່ອນ:ການສະໜັບສະໜຸນບັນດາ CSS writing-mode ກໍານົດທາງຂອງການປະຕິບັດ. ມັນຈະມີຜົນກະທົບຕໍ່ການສະແດງຂອງການກໍານົດຂອງການປະຕິບັດ ແລະຂອງທາງສະໜອງ. padding-block ຈຳນວນຕົວເລກທີ່ພິມຂຶ້ນຈະຖືກຈັດຕັ້ງມາຮອດຄະນະທີ່ມີຫົວເລື່ອງ. ສຳລັບເບີໂຕນຂອງອັງກິດຕົວເລື່ອງຈະມີທາງລົງ ແລະທາງອອກຈະມີທາງຈາກຊ້າຍໄປຊ້າຍ.

ກໍານົດ

ກໍານົດ 1

ການກໍານົດການປົກປັກຮັກຂອງການປະຕິບັດວິດີລະປະການທີ່ກາງ.

p {
  padding-block: 35px;
}

ທົດລອງເອງ

ກໍານົດ 2

ຕອນທີ່ <div> ມີ: writing-mode ການກໍານົດວັດຖຸ padding-block ທີ່ vertical-rl ສະຫຼຸບວ່າຫົວເລື່ອງຈະຕົວໄປທາງຕາລາງເທິງທີ່ຂວາຍ ແລະຫົວເລື່ອງຈະຕົວໄປທາງຕາລາງເທິງທີ່ທີ່ສຽງ:

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

ທົດລອງເອງ

ພາສາ CSS

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

ມູນຄ່າວັດຖຸ

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

ການສະໜັບສະໜຸນບັນດາຄອມພິວເຕີ້

ຈຳນວນຕົວເລກໃນຕາຕະລາງກໍານົດວ່າຄວາມພະຍາຍາມຂອງຊາວບຸກຄອນທຳອິດທີ່ສະຫຼຸບການສະແດງປະສົມປະສານດັ່ງກ່າວ.

ຫຼັກສັດອື່ນໆ

ກ່ຽວກັບ:ລະບົບ padding-block-end CSS

ກ່ຽວກັບ:ລະບົບ padding-block-start CSS

ກ່ຽວກັບ:ລະບົບ padding-inline CSS

ກ່ຽວກັບ:ລະບົບ padding-bottom CSS

ກ່ຽວກັບ:ລະບົບ padding-left CSS

ກ່ຽວກັບ:ລະບົບ padding-right CSS

ກ່ຽວກັບ:ລະບົບ padding-top CSS

ກ່ຽວກັບ:ປະກອບທຳມະດາ CSS writing-mode