خصائص التنظيف
التعريف والاستخدام
تحدد خاصية 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 |
| جافا سكربت الجملة： | object.style.clear="left" |
TIY مثال
- إزالة الجانب الجانبي للعنصر
- هذا المثال يوضح كيفية استخدام إزالة العناصر المطفوحة من الجانب الجانبي للعنصر.
دعم المتصفح
الرقم في الجدول يوضح الإصدار الأولي من المتصفح الذي يدعم الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
