ویژگی 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
سایر مقالات مرتبط :
- استفاده از گوگل ادز در ایران چگونه و چطور؟
- خرید سرور خارج از کشور از سرودیتا
- بهترین سئوکار خانم در ایران ❤️ | بهترین سئوکار خانم ایران
- قوی ترین باتری گوشی های سامسونگ و شیائومی در سال 2023
- سرور HP چیست؛ ۴ دلیل برای استفاده از آن
- با بهترین هاستینگ طراحان وب شمالغرب کشور آشنا شوید
- خلاقیت در تولید محتوا | جدیدترین متدهای افزایش خلاقیت محتوا ۲۰۲۳
- فروش مفتول گالوانیزه، سیم آرماتوربندی، سیم خاردار و فنس در فروشگاه اینترنتی حصارآنلاین
- تعمیر آنلاین ، مرکز تخصصی تعمیرات لوازم خانگی
- برد هوشمند چیست؟ + نحوه استفاده از وایت برد هوشمند
- راهنمای خرید عمده لوازم جانبی کامپیوتر
- افزایش سرعت سایت های شلوغ