Style paddingRight ਪ੍ਰਤੀਯੋਗਿਤਾ

ਪਰਿਭਾਸ਼ਿਤ ਅਤੇ ਵਰਤੋਂ

paddingRight ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ ਨੂੰ ਇਲਾਕੇ ਦੇ ਮੂਰੀ ਅੰਦਰੂਨੀ ਬਾਹਰੀ ਮੂਰੀ ਵਿੱਚ ਪਾਉਂਦੇ ਹਨ。

margin ਗੁਣ ਅਤੇ padding ਗੁਣ ਇਲਾਕੇ ਦਰਮਿਆਨ ਅੰਤਰ ਪਾਉਂਦੇ ਹਨ। ਪਰ ਅੰਤਰ ਦਾ ਮਹੱਤਵ ਇਹ ਹੈ ਕਿ margin ਬਾਹਰੀ ਬਰਾਬਰ ਦੇ ਆਲੇ ਦੁਆਰਾ ਅੰਤਰ ਪਾਉਂਦੇ ਹਨ, ਜਦਕਿ padding ਇਲਾਕੇ ਦੇ ਬਰਾਬਰ ਦੇ ਅੰਦਰ ਅੰਤਰ ਪਾਉਂਦੇ ਹਨ。

ਹੋਰ ਦੇਖੋ:

CSS ਟੂਟੋਰੀਅਲ:CSS داخلی پیدائش

CSS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:padding-right ਗੁਣ

HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:padding ਗੁਣ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸੈਟ <div> ਇਲਾਕੇ ਦੇ ਮੂਰੀ ਅੰਦਰੂਨੀ ਬਾਹਰੀ ਮੂਰੀ:

document.getElementById("myDIV").style.paddingRight = "50px";

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

ਉਦਾਹਰਣ 2

<div> ਇਲਾਕੇ ਦੇ ਮੂਰੀ ਅੰਦਰੂਨੀ ਬਾਹਰੀ ਮੂਰੀ ਨੂੰ "normal" ਵਿੱਚ ਬਦਲੋ:

document.getElementById("myDIV").style.paddingRight = "0px";

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

ਉਦਾਹਰਣ 3

ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ: <div> ਇਲਾਕੇ ਦੇ ਮੂਰੀ ਅੰਦਰੂਨੀ ਬਾਹਰੀ ਮੂਰੀ

alert(document.getElementById("myDIV").style.paddingRight);

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

ਉਦਾਹਰਣ 4

marginRight ਅਤੇ paddingRight ਦਾ ਅਲਗਾਵਾਂ:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

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

ਗਰੰਟੇਸ਼ਨ

paddingRight ਗੁਣ ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ:

object.style.paddingRight

paddingRight ਗੁਣ ਸੈਟ ਕਰੋ:

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

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 0
ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਇਲਾਕੇ ਦੇ ਮੂਰੀ ਅੰਦਰੂਨੀ ਬਾਹਰੀ ਮੂਰੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ。
CSS ਆਈਡੀਮੈਨਸ਼ਨ: CSS1

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

Chrome Edge فائرفاکس سافری آپریا
Chrome Edge فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی