ویژگی CSS left

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

ویژگی left لبه چپ عنصر را مشخص می‌کند. این ویژگی میزان حرکت حاشیه خارجی لبه چپ عنصر در مقایسه با حاشیه چپ محتوا را تعیین می‌کند.

نکات:اگر مقدار ویژگی position برابر با static باشد، تنظیم ویژگی left هیچ اثری ندارد.

برای عنصرهای static، مقدار auto است؛ برای مقادیر طول، مقدار طول واقعی؛ برای مقادیر درصد، مقدار مشخص شده؛ در غیر این صورت auto است.

برای عنصرهای تعریف شده به صورت نسبی، مقادیر left همیشه برابر با right است.

منابع HTML DOM:ویژگی left

لبه چپ تصویر را در 100 پیکسلی به سمت راست از لبه چپ عنصر نگه‌دارنده قرار دهید:

img
  {
  position:absolute;
  left:100px;
  }

left: auto|length|initial|inherit;

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

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

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

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	5.0