CSS clear هاجيستا
التعريف والاستخدام
تحدد خاصية clear الجانب الذي لا يسمح للعناصر الفلاطمة بالظهور فيه.
شرح
تعرف خاصية clear على الجانب الذي لا يسمح للعناصر الفلاطمة بالظهور فيه. في CSS1 و CSS2، يتم تحقيق ذلك عن طريق إضافة حيز خارجي أعلى للعناصر التي يتم تنظيفها تلقائيًا (العناصر التي تم تعيين خاصية clear). في CSS2.1، يتم إضافة حيز تنظيف أعلى على العنصر، دون تغيير الحيز الخارجي نفسه. بغض النظر عن التغيير الذي يتم إجراؤه، النتيجة النهائية تكون نفسها، إذا تم تعيين التنظيف للجانب الأيسر أو الأيمن، فإن حافة العنصر العلوية للجانب المحدد ستكون تحت حافة الحيز الخارجي للعناصر الفلاطمة.
انظر أيضًا:
دليل CSS:تثبيت CSS
دليل مرجع HTML DOM:خاصية clear
مثال
لا يسمح للعناصر الفلاطمة بالظهور على الجانب الأيسر واليمنى من الصورة:
img { float:left; clear:both; }
نص CSS:
clear: none|left|right|both|initial|inherit;
قيمة الخاصية
القيمة | الوصف |
---|---|
اليسرى | لا يسمح للعناصر الفلاطمة بالظهور على الجانب الأيسر. |
اليمين | لا يسمح للعناصر الفلاطمة بالظهور على الجانب الأيمن. |
كلا الجانبين | لا يسمح للعناصر الفلاطمة بالظهور على الجانبين. |
لا شيء | القيمة الافتراضية. يسمح للعناصر الفلاطمة بالظهور على الجانبين. |
وراثة | يحدد يجب أن تُورث قيمة الخاصية clear من العنصر الأم. |
تفاصيل التقنية
القيمة الافتراضية: | لا شيء |
---|---|
التنسيق: | لا |
الإصدار: | CSS1 |
نص JavaScript: | object.style.clear="left" |
تجربة TIY
- إزالة العناصر الفلاطمة من الجانب
- هذا المثال يوضح كيفية استخدام إزالة العناصر الفلاطمة من الجانب
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.
چروم | آئی ای / ایج | فایرفاکس | سافاری | اوپرا |
---|---|---|---|---|
1.0 | 5.0 | 1.0 | 1.0 | 6.0 |