ویژگی Style cssFloat

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

cssFloat ویژگی‌ای است که تنظیم یا بازگشتی از حالت تراز افقی عنصر را انجام می‌دهد.

توصیه:ویژگی CSS "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 Level 2

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی