ویژگی clear CSS
تعریف و استفاده
ویژگی clear تعیین می‌کند که کدام سمت از عنصر اجازه نیست که عناصر شناور باشند.
توضیح
ویژگی clear تعیین می‌کند که در کدام سمت از عنصر اجازه نیست که عناصر شناور باشند. در CSS1 و CSS2، این کار از طریق اضافه کردن فضای خارجی به عنصر پاک شده (عناصری که ویژگی clear را دارند) انجام می‌شود. در CSS2.1، فضای پاک شده در بالای فضای خارجی اضافه می‌شود، اما فضای خارجی خود تغییر نمی‌کند. در هر صورت که تغییر کند، نتیجه نهایی یکسان است، اگر برای سمت چپ یا راست پاک کردن مشخص شود، لبه بالایی محدودیت‌های خارجی عنصر دقیقاً زیر لبه خارجی عناصر شناور قرار می‌گیرد.
لطفاً به اینجا نیز مراجعه کنید:
دوره آموزش CSS:محاسبه CSS
دستورالعمل HTML DOM:ویژگی clear
مثال
در اینجا نشان می‌دهیم که چگونه در سمت چپ و راست تصویر اجازه نیست که عناصر شناور باشند:
img
{
float:left;
clear:both;
}
جمله‌بندی CSS
clear: none|left|right|both|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| left | در سمت چپ، اجازه نیست که عناصر شناور باشند. |
| right | در سمت راست، اجازه نیست که عناصر شناور باشند. |
| both | در هر دو سمت، اجازه نیست که عناصر شناور باشند. |
| none | مقدار پیش‌فرض. اجازه می‌دهد که عناصر شناور در هر دو سمت ظاهر شوند. |
| inherit | این تعریف می‌کند که مقدار clear باید از عنصر والد به ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| erbانی: | no |
| نسخه: | CSS1 |
| جمله‌بندی JavaScript: | object.style.clear="left" |
مثال عملی TIY
- پاک کردن عناصر شناور
- این مثال نحوه استفاده از پاک کردن عناصر شناور در کنار عناصر را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
