Hisia CSS padding-block

Mifano na Matumizi

kitu cha padding-block Niweza kumekaa kati ya ukufikia kwenye kina cha kikata kwenye jukwaa, hii ni mpangilio wa kifupi cha mashairi:

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

padding-block: 10px 50px;

padding-block: 10px;

CSS padding-block 和 padding-inline 属性与 CSS 属性 padding-top、padding-bottom、padding-left 和 padding-right 非常相似，但 padding-block 和 padding-inline 属性依赖于块方向和行内方向。

注意：相关的 CSS 属性 writing-mode 定义了块方向。这会影响块的起始和结束位置以及 padding-block 属性的结果。对于英文页面，块方向是向下的，行内方向是从左到右的。

设置块方向两侧的内边距：

p {
  padding-block: 35px;
}

当

元素的 writing-mode 属性值设置为 vertical-rl 时，元素的起始位置从顶部移动到右侧，结束位置从底部移动到左侧：

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

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

Chaguo	Maelezo
auto	Chaguo cha kuzingatia. Chaguo cha kina msingi cha kina msingi cha padding-block.
length	Kuwasiliana na vifaa vya ukubwa kama px, pt, cm kama vifaa vya padding-block. Hatarishwa maneno ya kina msingi. Angalia:Uniti za CSS.
%	Kuwasiliana na ukubwa wa kina msingi katika ukoo wa kichwa cha mawili kwa ufupi wa na ufupi wa %.
initial	Kuwasiliana na chaguo cha kuzingatia kwa sababu hiyo. Angalia: initial.
inherit	Kuwasiliana na kina msingi chake kwa sababu hiyo. Angalia: inherit.

Chaguo cha kuzingatia:	auto
Kuwasiliana:	Hakuna
Hali ya uharibifu:	Inafaa kuangalia:Maadili ya hali ya uharibifu.
Jinsi ya kufikia:	CSS3
Inayotumika kwa JavaScript:	object.style.paddingBlock="100px 50px"