CSS چپ پیگار

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

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

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

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

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

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

لبه چپ تصویر را در 100 پیکسلی به سمت راست از لبه چپ عنصر شامل آن تنظیم کنید:

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

left: auto|طول|initial|inherit;

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

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

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

چروم	آئی ای / ایج	فائرفاکس	سافری	اوپرا
1.0	5.5	1.0	1.0	5.0