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