ویژگی Style cssFloat

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

cssFloat ویژگی تنظیم یا بازگشت حالت تراز افقی عنصر.

توضیحات:ویژگی "float" در JavaScript به عنوان "cssFloat" نامیده می‌شود زیرا "float" یک کلمه رزرو شده در JavaScript است.

نکته:اگر فضای کافی برای عنصر شناور در یک خط وجود نداشته باشد، آن عنصر به خط بعدی با فضای کافی منتقل می‌شود.

لطفاً به

آموزش CSS:CSS کا فلو

مثال

مثال 1

وقتی روی دو دکمه کلیک می‌کنید، تصویر را به سمت چپ/ راست متن شناور کنید:

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

آزمایش کنید

مثال 2

تغییر ویژگی cssFloat عناصر DIV:

document.getElementById("myDIV").style.cssFloat = "left";

آزمایش کنید

جملیات

بازگشت ویژگی cssFloat:

object.style.cssFloat

تنظیم ویژگی cssFloat:

object.style.cssFloat = "left|right|none|initial|inherit"

مقدار ویژگی

مقدار توضیح
none عنصر/عنصر شناور نمی‌شود. پیش‌فرض.
left عنصر/عنصر در عنصر والد به سمت چپ شناور می‌شود.
right عنصر/عنصر در عنصر والد به سمت راست شناور می‌شود.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit

جزئیات فنی

مقدار پیش‌فرض: بدون
بازگشت: یہ عبارت علامت کی افقی توجہ کا طور پر نمائش کرتی ہے۔
DOM ورژن: DOM سطح 2

براوزر کی پشتیبندگی

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی