ویژگی paddingRight
- صفحه قبل paddingLeft
- صفحه بعدی paddingTop
- بازگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
paddingRight ویژگی‌ها یا بازگشتی از عرض فضای داخلی سمت راست عنصر.
ویژگی margin و ویژگی padding در اطراف علامت‌ها فضای خالی قرار می‌دهد. اما تفاوت‌ها در این است که، margin در اطراف لبه‌ها فضای خالی قرار می‌دهد، در حالی که padding در داخل لبه‌های علامت قرار می‌دهد.
لطفاً به
آموزش CSS:مقدار padding 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 | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل paddingLeft
- صفحه بعدی paddingTop
- بازگشت به لایه بالاتر موضوع Style HTML DOM
