ویژگی float و clear در css
خاصیت clear
در این قسمت از آموزش css ، خاصیت Clear و خاصیت Float را توضیح می دهیم.
با استفاده از خاصیت clear می توان کناره هایی از عنصر را که می خواهیم متن یا عکس در آن سمت قرار نگیرد را مشخص می کنیم،در واقع از این خاصیت برای خالی کردن فضای اطراف یک عنصر استفاده می شود.که حالت های مختلفی دارد که تعدادی از انها توضیح می دهیم.
none:در دو طرف عنصر مجاز است که عکس یا متن قرار بگیرد که حالت پیش فرض می باشد.
right:در سمت راست هیچ عکس و تنی نمی تواند قرار گیرد.
left:در سمت چت هیچ عکس و متنی نمی تواند قرار گیرد.
both:دو طرف عنصر هیچ عکس و متنی نمی تواند قرار گیرد.
مثال زیر خاصیت Clear را در طراحی سایت نشان می دهد.
img
{
float:left;
}
p.clear
{
clear:both;
}
ویژگی float
با استفاده از خاصیت float می توان موقعیت یک عنصر را به سمت چپ یا راست تنظیم کرد.خاصیت float از مهمترین ویژگی ها در Css و همچنین طراحی سایت می باشد.این خاصیت وقتی عمل می کند که به عنصر مورد نظر خاصیت موردنظر خود را بدهید.
مثال زیر کاربرد خاصیت Float را نشان می دهد.
.text
{float:left;
width:110px;
height:90px;
margin:5px;}
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- افزایش سرعت سایت های شلوغ
- معرفی دستگاه ماینر واتس ماینر Whatsminer M32 68Th
- وب سرور چیست؛ هر آنچه باید از وب سرور بدانید!
- روش کار با php unit test
- برنامه نویسی اندروید و همه چیز درباره آن
- بهترین مدل مانتو شلوار اداری برای مصاحبه شغلی
- آفر ویژه تورتایلند 7شب را در لحظه آخر ببینید
- آشنایی با بهترین نرم افزار CRM
- بررسی بروکرهای کارگزاریهای آلپاری فارکس و فیبوگروپ
- نکات کاربردی در مورد طراحی ویلا
- خدمات آرایشگاه داماد تهران بکس
- مقایسه بهترین برندهای اینورتر و درایو