Hisia padding-inline

Picha ya mbali padding-bottom
Picha ya mbele padding-inline-end

Ufafanuzi na matumizi

Muundo wa kina padding-inline Ni kwa sababu ya kina katika muundo wa kizazi kwa kuzingatia, kutoka kufikia kina hadi kufikia kina. Iko katika uendelevu wa kina wa kina hizi:

padding-inline Thamani ya kina inaweza kuhusishwa kwa uzoefu zaidi:

Ikiwa padding-inline ina thamani mbili:

padding-inline: 10px 50px;

Ukubwa wa kiziko cha kuanzia ni 10px
Ukubwa wa kiziko cha kuzingatia kwa kufikia ni 50px

Kama padding-inline ina thamani:

padding-inline: 10px;

Kina cha kina na kina cha kina zina ujaribio wa 10px

KiCSS padding-inline na padding-block Inahusiana na sababu ya KiCSS padding-top,padding-bottom,padding-left na padding-right Inahusiana sana, lakini padding-inline na padding-block Inahusiana na mawendo wa kina na mawendo wa kina.

Tahadhari:madhehebu ya KiCSS ya kina mawendo na mawendo Inaelewa kama mawendo wa kina. Hii inakubalia eneo la kina wa kina wa kina kutoka kushoto hadi kulia, na kutoka kulia hadi kushoto, na pia: padding-inline Mfano wa sababu. Kwa ukurasa wa Kijerumani, mawendo wa kina inaonyesha kwenye eneo la kina hadi chini, na mawendo wa kina hadi kushoto.

Mfano

Mfano 1

Kuweka kina cha kina kwenye eneo la kina wa kina.

div {
  padding-inline: 50px;
}

Tafuta kwa urahisi

Mfano 2

Kama <div> ya kina inaelewa kama: mawendo Kama thamani ya sababu inaelewa kama vertical-rl, mawendo wa kina inaonyesha kwenye eneo la kina kutoka kushoto hadi juu, na kutoka kulia hadi chini:

div {
  mawendo: vertical-rl;
  padding-inline: 10px 100px;
}

Tafuta kwa urahisi

Mfano 3

Kama <div> ya kina inaelewa kama: mawendo Kama thamani ya sababu inaelewa kama rtl, mawendo wa kina inaonyesha kwenye eneo la kina kutoka kushoto hadi kulia, na kutoka kulia hadi kushoto:

div {
  mawendo: rtl;
  padding-inline: 10px 100px;
}

Tafuta kwa urahisi

Inayotumiwa kwa KiCSS

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

Thamani ya sababu

Thamani	Maelezo
auto	Chaguo cha kuzingatia. Utafiti wa padding-inline wa kina wa kina wa kina.
length	Kuweka kama px, pt, cm na siasa nyingine za ujaribio. Hatau na thamani za kina. Tazama:Makadari ya CSS.
%	Kuweka kama ufupi wa namba ya ukweli wa ukili wa kina katika ukweli wa mabara wa ukili wa kina wa kina.
initial	Kuweka ukweli hii kwa chaguo cha kuzingatia. Tazama: initial.
inherit	Kununua kwa ukweli mmoja kutoka kwa ukili wa kina. Tazama: inherit.

Mafanikio ya teknolojia

Chaguo cha kuzingatia:	auto
Kuzindua:	Hakuna
Uharibifu:	Inahusiana. Tazama:Mafuta ya uharibifu.
Sia:	CSS3
Inayotumiwa kwa KiJavaScript:	object.style.paddingInline="100px 20px"