ویژگی float CSS
پیشنهاد دوره:
تعریف و استفاده
اگر عنصر شناور غیر جایگزین باشد، باید عرض واضحی برای آن تعیین شود؛ در غیر این صورت، آن‌ها تا حد امکان باریک خواهند بود.
نکته:اگر در یک خط تنها فضای کمی برای عنصر شناور وجود داشته باشد، آن عنصر به خط بعدی می‌پرد. این فرآیند تا زمانی که یک خط دارای فضای کافی باشد ادامه می‌یابد.
لطفاً به: مراجعه کنید
آموزش CSS:محل‌گذاری CSS
دستورالعمل مرجع HTML DOM:ویژگی cssFloat
جمله‌بندی CSS
float: none|left|right|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| left | عنصر به سمت چپ شناور می‌شود. |
| right | عنصر به سمت راست شناور می‌شود. |
| none | مقدار پیش‌فرض. عنصر شناور نیست و در مکانی که در متن ظاهر می‌شود نمایش داده می‌شود. |
| inherit | تعیین می‌کند که باید مقدار ویژگی float از عنصر والد به ارث برده شود. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| نمایندگی: | no |
| نسخه: | CSS1 |
| جمله‌بندی JavaScript: | object.style.cssFloat="left" |
مثال عملی
- استفاده ساده از ویژگی float
- تصویر را در سمت راست یک پاراگراف شناور کنید.
- تصویر با حاشیه و لبه شناور در سمت راست پاراگراف
- تصویر را در سمت راست پاراگراف شناور کنید. به تصویر حاشیه و لبه اضافه کنید.
- تصویر با عنوان شناور در سمت راست
- تصویر با عنوان شناور در سمت راست
- ابتدا حرف اول پاراگراف را در سمت چپ شناور کنید
- ابتدا حرف اول پاراگراف را در سمت چپ شناور کنید و به این حرف استایل اضافه کنید.
- منوی افقی ایجاد کنید
- از شناور با یک لینک فرعی برای ایجاد منوی افقی استفاده کنید.
- صفحه اول بدون جدول ایجاد کنید
- از شناور برای ایجاد صفحه اول با سربرگ، پایش، فهرست منو سمت چپ و محتوای اصلی استفاده کنید.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
