ویژگی Style left
- صفحه قبلی justifyContent
- صفحه بعدی letterSpacing
- برگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
left ویژگی برای تنظیم یا بازگشتی از موقعیت جانبه‌ای عناصر قرار داده شده است.
این ویژگی موقعیت جانبه‌ای عنصر را مشخص می‌کند، شامل فضای بین‌بندی، اسکرول‌بار، حاشیه و مارژ.
توجه:عناصر قرار داده شده که ویژگی position تنظیم شده بهrelativeوabsolute یا fixed عناصر.
توجه:برای تنظیم یا بازگشتی از موقعیت جانبه‌ای عناصر قرار داده شده، از ویژگی right.
لطفاً به
آموزش CSS:CSS قرارگیری
دستورالعمل CSS:ویژگی left
مثال
مثال 1
تنظیم موقعیت جانبه‌ای عنصر <button>:
document.getElementById("myBtn").style.left = "100px";
مثال 2
تنظیم موقعیت جانبه‌ای عناصر <div>:
document.getElementById("myDIV").style.left = "100px";
مثال 3
از مقادیر منفی استفاده کنید - تنظیم موقعیت جانبه‌ای عناصر <div>:
document.getElementById("myDIV").style.left = "-100px";
مثال 4
بازگشتی از موقعیت جانبه‌ای عناصر <div>:
alert(document.getElementById("myDiv").style.left);
جملات
بازگشتی از ویژگی left:
object.style.left
تنظیم ویژگی left:
object.style.left = "auto|length|%|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| auto | به مرورگر اجازه دهید موقعیت جانبه‌ای را تنظیم کند. پیش‌فرض. |
| length | موقعیت جانبه‌ای را با واحد طول تعریف کنید. مقادیر منفی مجاز هستند. |
| % | موقعیت جانبه‌ای را با درصد از عرض عنصر والد تنظیم کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | auto |
|---|---|
| مقدار بازگشتی: | رشته‌ای که موقعیت جانبه‌ای عناصر قرار داده شده را نشان می‌دهد. |
| نسخه CSS: | CSS2 |
مرورگر پشتیبانی می‌کند
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی justifyContent
- صفحه بعدی letterSpacing
- برگشت به لایه بالاتر اجزای Style HTML DOM
