Muungano wa Style paddingLeft

Muhtasari na matumizi

paddingLeft Kuandaa chaguo cha nafasi ya kizazi ya kulia cha eneo la kulia cha kitu.

Tabia ya margin na Tabia ya padding Zingeweka muda kwenye kina kila kina. Lakini, kina kina inaonyesha muda kwenye mabaki ya mabaki, wakati kina kina inaonyesha muda kwenye kina ya kina.

Tafadhali tazama:

Makao ya CSS:Mfano wa padding wa nje wa CSS

Maktaba ya CSS:Tabia ya padding-left

Maktaba ya Internet HTML:Tabia ya padding

Mfano

Mada 1

Kuandaa kwenye kifaa <div> kwa nafasi ya kizazi ya kulia:

document.getElementById("myDiv").style.paddingLeft = "50px";

Jifunze kwa urahisi

Mada 2

Kuandaa kwenye kifaa <div> kwa kina nafasi ya kizazi ya kulia kwa "normal":

document.getElementById("myDiv").style.paddingLeft = "0px";

Jifunze kwa urahisi

Mada 3

Kurudi nafasi ya kizazi ya kulia ya kifaa <div>:

alert(document.getElementById("myDiv").style.paddingLeft);

Jifunze kwa urahisi

Mada 4

Kibarabara cha marginLeft na paddingLeft:

function changeMargin() {
  document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingLeft = "100px";
}

Jifunze kwa urahisi

Maktaba ya kiwango

Kurudi paddingLeft tabia:

object.style.paddingLeft

Kuandaa paddingLeft tabia:

object.style.paddingLeft = "%|length|initial|inherit"

Chaguo cha tabia

Wazi Maelezo
% Kuandaa nafasi ya kizazi ya kulia kwa nafasi ya kiwango ya ukindeni wake.
length Kuandaa nafasi ya kizazi ya kulia kwa miwango wa kiwango.
initial Kumaliza tabia hii kwa chaguo cha kawaida. Angalia initial.
inherit Kumaliza katika tabia hii kutoka kwa ukindeni wake. Angalia inherit.

Vifaa vya kisayansi

Chaguo wa kawaida: 0
Matokeo: Mshauri wa nafasi ya kizazi wa eneo la kulia cha kitu.
CSS Version: CSS1

Internet Kifaa haliwea

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Mwongozo Mwongozo Mwongozo Mwongozo Mwongozo