ویژگی float و clear در css

6 / 10 از 9 کاربر

خاصیت 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;}

ارسال نظر و نظرات ثبت شده
فاطمه.زرین دشت :
15 5
نظر من؟ بسسسسسسسیار عالیست!مشکل من و حل کردید.من برای یادگیری html و css دارم از سایت w3schools استفاده میکنم. و سایتی فارسی دیگه ولی در هر دو سایت نتونستم منظور و بفهمم.شما خیلی راحت و صریح گفتید.خدا قوت
سعید :
8 2
خیلی خوب توضیح دادین ,واقعا ساده و قابل فهم بود ممنونم از سایت خوبتون
قاسم :
6 1
عالی بود؛ ساده و بسیار کاربردی.
عرفان :
2 1
دست شما درد نکنه باخواندن مطلب شما تازه متوجه شدم
نام شما :
ایمیل :
تلفن تماس :
متن پیغام :