float

css float playground

Float

value: none

1
2
3
4

photo float 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 التي في منتصف الاختبار لبدء الاختبار

/10
54 votes, 4.5 avg
967

اختبار في css float

ابدء الاختبار الان و فكر جيداً قبل الاجابة على اي سؤال , بالتوفيق للجميع.

1 / 10

ما هي الخاصية التي يستخدمها العنصر الذي يتم تطبيق عليه float للتحكم في العناصر التي تأتي بعد العنصر الذي يحتوي على float؟

2 / 10

ما هي القيمة التي يتم استخدامها لخاصية float لتحديد عنصر يتم تحويله إلى عنصر معزول؟

3 / 10

ما هي الخاصية التي يستخدمها العنصر الذي يتم تطبيق عليه float لتحديد الحد الأدنى للارتفاع؟

4 / 10

ما هي القيمة التي يتم استخدامها لخاصية float لتحديد توضيع العنصر في وسط العنصر الأصلي؟

5 / 10

ما هي القيمة التي يتم استخدامها لخاصية float لتحديد توضيع العنصر على الجهة اليمنى من عنصره الأصلي؟

6 / 10

ما هي القيمة التي يتم استخدامها لخاصية float لتحديد عنصر يتم تحويله إلى عنصر معزول على الجهة اليمنى من العنصر الأصلي؟

7 / 10

ما هي الخاصية التي يستخدمها العنصر الذي يتم تطبيق عليه float لتحديد الحد الأدنى للعرض؟

8 / 10

ما هي القيمة التي يتم استخدامها لخاصية float لتحديد توضيع العنصر على الجهة اليسرى من عنصره الأصلي؟

9 / 10

ما هي الخاصية التي يستخدمها العنصر الذي يتم تطبيق عليه float لتحديد العرض للعنصر؟

10 / 10

ما هي الخاصية التي يستخدمها العنصر الذي يتم تطبيق عليه float لتحديد الارتفاع للعنصر؟

Your score is

0%

قيم هذا الاختبار من فضلك