خصوصیت clear

مثال

هیچ عنصر شناوری در سمت چپ و راست پاراگراف مشخص شده وجود ندارد:

img
{
float:left;
}
p.clear
{
clear:both;
}

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

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

با استفاده از خاصیت clear مشخص می کنیم که در کدام سمت از یک عنصر، عناصر شناور دیگر اجازه قرار گیری ندارند.

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

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

    

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

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، تنظیم چند پس زمینه برای یک عنصر را پشتیبانی نمی کند.

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

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

مقدار توضیحات
left عنصر شناور اجازه ندارد که در سمت چپ قرار گیرد.
right عنصر شناور اجازه ندارد که در سمت راست قرار گیرد.
both عنصر شناور اجازه ندارد در دو سمت چپ و راست قرار گیرد.
none پیش فرض: اجازه می دهد عنصر شناور در هر دو طرف قرار گیرد.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.