انتقل إلى محتوى الدرس

CSS Clear خاصية clear في لغة CSS

سوف تتعلم في هذا الدرس عرض العناصر في صفوف جديدة وعدم تطبيق تسلسلها وصفها في الصفوف العلوية الناتج عن إستخدام خاصية float في لغة CSS.

1 صفوف تعليمية
لغة CSS
3,847 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تًستخدم خاصية celar في لغة CSS لتحدد ما إذا كان يجب نقل عنصر إلى أسفل أو صفه بجانب عناصر في نفس السطر  وهي العناصر التي تم تطبيق خاصية float التي تسبقه. وتعمل خاصية clear على العناصر التي تستخدم خاصية float والعناصر التي لا تستخدم خاصية float.


لماذا تُستخدم خاصية float في لغة CSS؟

  • لإلغاء إدراج (صف) او رص العنصر بجوار عناصر أخري في نفس السطر ليبدأ العنصر في سطر جديد.


قيم خاصية float في لغة CSS:

  • none الوضع الأفتراضي وهو يتم عرض العنصر بجوار العناصر الأخري في نفس السطر.
  • left تستخدم ليبدأ العنصر بالأسفل لتجاهل المساحه المتاحه له من جهة اليسار التي أتاحتها له خاصية float.
  • right تستخدم ليبدأ العنصر بالأسفل لتجاهل المساحه المتاحه له من الجهة اليمني التي أتاحتها له خاصية float.
  • both تستخدم ليبدأ العنصر بالأسفل لتجاهل المساحات المتاحه له من الجهتين اليمني واليسري التي أتاحتهما له خاصية float.

clear left

خاصية clear مع القيمة left مع خاصية float في لغة CSS.

float right

خاصية clear مع القيمة right مع خاصية float في لغة CSS.

CSS clear syntax

طريقة كتابة خاصية clear في لغة CSS.

HTML
clear:value;

CSS clear values

قيم خاصية clear في لغة CSS.

HTML
clear:none|left|right|both|initial|inherit;