Style paddingLeft 属性

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

paddingLeft ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸ ਦੇਣ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਖੱਬੇ ਅੰਦਰੂਨੀ ਮੂਰਤੀ ਦਾ ਵਰਣਨ ਕਰਦੀ ਹੈ。

margin ਵਿਸ਼ੇਸ਼ਤਾ ਅਤੇ padding ਵਿਸ਼ੇਸ਼ਤਾ ਸਾਰੇ ਵਿਸ਼ੇਸ਼ਤਾ ਦਰਮਿਆਨ ਸਪੇਸ ਜੋੜਦੇ ਹਨ। ਪਰ ਅੰਤਰ ਇਹ ਹੈ ਕਿ margin ਬਾਹਰੀ ਕਿਨਾਰੇ ਦੇ ਚੌਰਾਹੇ ਵਿੱਚ ਸਪੇਸ ਜੋੜਦੇ ਹਨ ਅਤੇ padding ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਕਿਨਾਰੇ ਵਿੱਚ ਸਪੇਸ ਜੋੜਦੇ ਹਨ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿਖਲਾਈ:CSS داخلی پیداواری

CSS ਰੈਫਰੰਸ ਮੈਨੂਅਲ:padding-left ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM ਰੈਫਰੰਸ ਮੈਨੂਅਲ:padding ਵਿਸ਼ੇਸ਼ਤਾ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸੈਟ <div> ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਖੱਬੇ ਅੰਦਰੂਨੀ ਮੂਰਤੀ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

<div> ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਖੱਬੇ ਅੰਦਰੂਨੀ ਮੂਰਤੀ ਨੂੰ "normal" ਵਾਪਸ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

ਵਾਪਸੀ <div> ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਖੱਬੇ ਅੰਦਰੂਨੀ ਮੂਰਤੀ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 4

marginLeft ਅਤੇ paddingLeft ਦਾ ਅਲਗਾਵ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਰੰਟਸ

paddingLeft ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਦੇਣਾ:

object.style.paddingLeft

paddingLeft ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

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

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
% ਮਾਤਾ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਚੌਡਾਈ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਖੱਬੇ ਅੰਦਰੂਨੀ ਮੂਰਤੀ ਨੂੰ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。
length ਲੰਬਾਈ ਇਕਾਈ ਨਾਲ ਖੱਬੇ ਅੰਦਰੂਨੀ ਮੂਰਤੀ ਨੂੰ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial。
inherit ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਵਿਸ਼ੇਸ਼ਤਾ ਤੋਂ ਵਾਪਸ ਲੈ ਲਿਆ ਜਾਵੇਗਾ। ਦੇਖੋ inherit。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 0
ਵਾਪਸੀ ਮੁੱਲ: ਚਿੰਨ੍ਹ ਸਤਰ, ਜਿਸ ਨੂੰ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਖੱਬੇ ਅੰਦਰੂਨੀ ਮੂਰਤੀ ਦੱਸਿਆ ਜਾਂਦਾ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

Chrome Edge Firefox سافری آپرا
Chrome Edge Firefox سافری آپرا
مدد مدد مدد مدد مدد