float
css float playground
Float
value: none
1
2
3
4
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Suscipit praesentium tempora aliquid doloremque rem, reiciendis iusto similique enim, a illum consequatur sapiente voluptatem nihil qui omnis rerum! Deleniti, harum adipisci!
شرح خاصية css float
خاصية float هي خاصية في CSS تستخدم لتحديد تمرير عنصر HTML إلى اليسار أو اليمين من عنصر آخر، وتسمح بتحويل العناصر إلى عناصر بلوك قابلة للتراص جنبًا إلى جنب بدلاً من التراص الرأسي.
تتوفر ثلاث قيم مختلفة لخاصية float وهي:
left: يحدد تمرير العنصر إلى اليسار.right: يحدد تمرير العنصر إلى اليمين.none: يحدد عدم تمرير العنصر.
يمكن تحديد خاصية float باستخدام CSS، على سبيل المثال:
/* تمرير العنصر إلى اليسار */
.item {
float: left;
}
/* تمرير العنصر إلى اليمين */
.item {
float: right;
}
/* عدم تمرير العنصر */
.item {
float: none;
}
تستخدم خاصية float عادة لتحديد تمرير العناصر إلى اليسار أو اليمين من عنصر آخر، وتستخدم على نطاق واسع في تصميم القوائم الجانبية والتصميمات المتعددة الأعمدة والتحكم في ترتيب العناصر في الصفحة. ومع ذلك، يجب أن يتم استخدام الخاصية بحذر لأنها يمكن أن تؤدي إلى تشويش تنسيق الصفحة واختفاء العناصر أو تغطية بعضها البعض.
اختبار css float
اضغط على start التي في منتصف الاختبار لبدء الاختبار