خصوصیت clear
مثال (خصوصیت clear)
هیچ عنصر شناوری در سمت چپ و راست پاراگراف مشخص شده وجود ندارد:
img
{
float:left;
}
p.clear
{
clear:both;
}
خودتان امتحان کنید »
{
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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Float (بیاموز CSS3)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 9564
