في هذا الدرس 5تصفّح المواضيع
تًستخدم خاصية 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.
clear:value;CSS clear values
قيم خاصية clear في لغة CSS.
clear:none|left|right|both|initial|inherit;تُستخدم خاصية clear مع القيمة none لألغاء التأثير الناتج عن خاصية clear أو لعرض العناصر بوضعهم الأفتراضي علي حسب طريقة عرض العنصر الناتج عن خاصية float في لغة CSS وهي ان تُعرض العناصر بجوار بعضها لعبض إذا كانت لها مساحه في نفس السطر.
CSS clear none
خاصية float مع القيمة none في لغة CSS.
تُستخدم خاصية clear مع القيمة left في لغة CSS بعرض العنصر في سطر جديد وتجاهل المساحة الناتجة عن إستخدام خاصية float لتعويم العناصر بجوار بعضها لبعض من جهة اليسار.
CSS clear left
خاصية clear مع القيمة left في لغة CSS.
تُستخدم خاصية clear مع القيمة right في لغة CSS لعرض العنصر في سطر جديد وتجاهل المساحة الناتجة عن إستخدام خاصية float لتعويم العناصر بجوار بعضها لبعض من جهة اليمين.
CSS clear right
خاصية clear مع القيمة right في لغة CSS.
تُستخدم خاصية clear مع القيمة right في لغة CSS لعرض العنصر في سطر جديد وتجاهل المساحة الناتجة عن إستخدام خاصية float لتعويم العناصر بجوار بعضها لبعض من الجهتين.
CSS clear both
خاصية clear مع القيمة both في لغة CSS.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.