خصوصیت float

مثال

شناور کردن عکس در سمت راست:

img 
{
float:right;
}

در انتهای این بیاموز، مثال های بیشتری را خواهید دید.

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

با استفاده از خصوصیت float مشخص می کنیم که آیا یک box (یا عنصر) باید شناور شود یا خیر.

توجه: عناصری که دارای مکان دهی absolute هستند خصوصیت float را در نظر نمی گیرند.

مقدار پیشفرض none
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.cssFloat="left"

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

    

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

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

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

مقدار توضیحات نمایش دادن
left عنصر در سمت چپ شناور می شود.
right عنصر در سمت راست شناور می شود.
none

عنصر شناور نمی شود و در مکان اصلی خود قرار می گیرد. این مقدار پیش فرض است.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.