ویژگی padding-left
- صفحه قبل paddingBottom
- صفحه بعدی paddingRight
- بازگشت به طبقه بالاتر اجزای Style HTML DOM
تعریف و استفاده
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 | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل paddingBottom
- صفحه بعدی paddingRight
- بازگشت به طبقه بالاتر اجزای Style HTML DOM
