English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (RULES)

كامل خصائص CSS

استخدام خاصية clear CSS ومثال

خصائص clear CSS تحدد الجانب الذي لا يسمح للعناصر العائمة الأخرى.تعلم المزيد.

جدول التالي يوضح استخدام الخاصية والسجلات التاريخية للإصدار، وكذلك استخدام الخاصية في لغة الجافا سكربت.

القيمة الافتراضية:لا شيء
تطبيق ل:جميع العناصر
الوراثة:لا
يمكن تحويله إلى رسوم متحركة:لا رؤية خصائص الرسم المتحرك
الإصدار:CSS 1،2،3
جافا سكربت Grammar:object.style.clear="left"

قواعد اللغة لاستخدام clear

قواعد اللغة لهذا الخصائص كالتالي:

clear: left | right | auto | both | none | initial | inherit

المثال التالي يوضح كيفية استخدام الخاصية clear.

  clearfix:after  {
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   clear: both;
  }
اختبر لمعرفة‹/›

قيمة الخاصية

جدول التالي يصف القيم لهذا الخصائص.

القيمةالوصف
leftيتحرك العنصر إلى الأسفل لتنظيف الفواصل العائمة left.
rightيتحرك العنصر إلى الأسفل لتنظيف الفواصل العائمة right.
bothيتحرك العنصر إلى الأسفل لتنظيف كلا الفواصل العائمة left وright.
autoلا يتم تنظيف أي عنصر عائم مسبقًا. هذا هو القيمة الافتراضية.
initialضبط هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديد، فإن العناصر ذات الصلة تأخذ قيمة الخاصية clear من العنصر الأب.

تطابق متصفحات المستعرض

تطابق متصفحات المستعرض لخصائص clear، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفحات التي يدعم هذا الخصائص؛ جميع المتصفحات الرئيسية يدعم هذا الخصائص.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 5+

  • Apple Safari 1+

  • Opera 6+

قراءة المزيد

انظر إلى الدليل:CSS Float

خصائص ذات صلة:float