ویژگی clear در CSS
هنگامی که از ویژگی float استفاده می کنیم، امکان تداخل المان های بعدی با المان شناور پیش می آید.
برای حل این مشکل باید از ویژگی clear استفاده کرد.
ویژگی clear، باعث پاک شدن اثر شناور بودن المان قبلی می شود.
ویژگی clear مقدارهای زیر را می پذیرد:
- right: اثر شناور را از راست را پاک می کند.
- left: اثر شناور را از چپ را پاک می کند.
- both: اثر شناور را از راست و چپ پاک می کند.
- none: پیش فرض
نکته: برای آشنایی کامل با ویژگی float، به درس ویژگی float در CSS مراجعه کنید.
مقدار right ویژگی clear در CSS
مقدار right در ویژگی clear، باعث پاک شدن اثر شناور بودن از راست می شود و تگ های بعدی به پایین المان شناور می روند.
clear: right;مقدار left ویژگی clear در CSS
مقدار left در ویژگی clear، باعث پاک شدن اثر شناور بودن از چپ می شود و تگ های بعدی به پایین المان شناور می روند.
clear: left;مقدار both ویژگی clear در CSS
مقدار both در ویژگی clear، باعث پاک شدن اثر شناور بودن از راست و چپ می شود و تگ های بعدی به پایین المان شناور می روند.
clear: both;مقدار none ویژگی clear در CSS
مقدار none ویژگی clear، مقدار پیش فرض است.
در این حالت متن در چپ یا راست تصویر قرار می گیرد. در این حالت، امکان خطا نیز وجود دارد.
clear: none;خلاصه درس
در این درس با ویژگی float clear در CSS:
- مقدار right
- مقدار left
- مقدار both
- مقدار none
- خطاهای موجود در float و چگونگی رفع آنها
آشنا شدیم.
احسان اسلامی
