ویژگی padding-right CSS
- صفحه قبل padding-left
- صفحه بعدی padding-top
تعریف و استفاده
ویژگی padding-right حاشیه راست (خالی) عنصر را تنظیم میکند.
نکته:مقدار منفی مجاز نیست.
توضیح
این ویژگی عرض حاشیه راست عنصر را تنظیم میکند. حاشیه چپ در غیر جایگزینهای خطی فقط در اولین حاشیه خطی ایجاد شده توسط عنصر ظاهر میشود.
لطفاً به:
دستورالعمل CSS:مargins داخلی CSS
دستورالعمل HTML DOM:ویژگی paddingRight
مثال
تنظیم حاشیه چپ عنصر p:
p { padding-right:2cm; }
بیشتر مثالها را در پایین صفحه میتوان یافت.
جملهنویسی CSS
padding-right: length|initial|inherit;
مقدار ویژگی
مقدار | توضیح |
---|---|
length | تعریف مقدار ثابت حاشیه چپ با استفاده از واحدهای مشخص، مانند پیکسل، سانتیمتر و غیره. مقدار پیشفرض 0px است. |
% | تعریف حاشیه چپ بر اساس درصد عرض عنصر والد. این مقدار ممکن است در تمام مرورگرها به طور پیشبینی شده عمل نکند. |
inherit | این مشخص میکند که حاشیه چپ باید از عنصر والد ارثبرداری کند. |
جزئیات فنی
مقدار پیشفرض: | 0 |
---|---|
نسبتپذیری: | خیر |
نسخه: | CSS1 |
جملهنویسی JavaScript: | اجسام.style.paddingRight="10px" |
مثال عملی TIY
- تنظیم حاشیه چپ 1
- این مثال نحوه استفاده از واحد سانتیمتر برای تنظیم حاشیه چپ سلول را نشان میدهد.
- تنظیم حاشیه چپ 2
- این مثال نحوه استفاده از درصد برای تنظیم حاشیه چپ سلول را نشان میدهد.
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی میکند.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل padding-left
- صفحه بعدی padding-top