سبد (0)

خصوصیت left

مثال (خصوصیت left)

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

img
{
position:absolute;
left:5px;
}
خودتان امتحان کنید »

تعریف و کاربرد

با استفاده از خصوصیت left، هنگامی که عنصر به صورت absolute مکان دهی شده است، می توان لبه سمت چپ عنصر را نسبت به والدش به چپ یا راست جا به جا کرد.

برای مکان دهی relative، خصوصیت left لبه سمت چپ عنصر را نسبت به مکان عادی خودش به سمت چپ یا راست جا به جا می کند.

توجه: در صورتی که position دارای مقدار static باشد، خصوصیت left هیچ تاثیری ندارد.

مقدار پیشفرض auto
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.left="50px"

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت left را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

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

بیاموزهای مرتبط

position (بیاموز CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه