ویژگی padding-left CSS

تعریف و استفاده

ویژگی padding-left عرض حاشیه چپ عنصر را تنظیم می‌کند (فضای خالی).

توضیح

این ویژگی عرض حاشیه چپ عنصر را تنظیم می‌کند. حاشیه چپ در عنصر‌های درون‌ریز غیر جایگزین تنها در سمت چپ اولین حاشیه خط نمایش داده می‌شود.

نکته:مقدار منفی مجاز نیست.

لطفاً به این بخش نیز مراجعه کنید:

آموزش CSS:پادپایه CSS

دستورالعمل مرجع HTML DOM:ویژگی paddingLeft

مثال

حاشیه چپ عنصر p تنظیم شود:

p
  {
  padding-left:2cm;
  }

آزمایش کنید

بیشتر مثال‌ها را در پایین صفحه می‌توان یافت.

نوعنام‌نویسی CSS

padding-left: length|initial|inherit;

مقدار ویژگی

مقدار توضیح
length تعیین مقدار ثابت حاشیه چپ با استفاده از واحد‌های مشخص، مانند پیکسل، سانتی‌متر و غیره. مقدار پیش‌فرض 0px است.
% تعریف حاشیه چپ به عنوان درصد از عرض عنصر والد. این مقدار ممکن است در تمام مرورگرها به همان شکل کار نکند.
inherit تعیین می‌کند که حاشیه چپ باید از عنصر والد ارث‌برداری کند.

جزئیات فنی

مقدار پیش‌فرض: 0
انجذارپذیری: no
نسخه: CSS1
نوعنام‌نویسی جاوااسکریپت: اجسام.style.paddingLeft="10px"

مثال عملی

تنظیم حاشیه چپ 1
این مثال نشان می‌دهد که چگونه می‌توان با استفاده از واحد سانتی‌متر، حاشیه چپ سلول را تنظیم کرد.
تنظیم حاشیه چپ 2
این مثال نشان می‌دهد که چگونه می‌توان با استفاده از درصد، حاشیه چپ سلول را تنظیم کرد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5