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

دليل CSS

قواعد CSS (RULES)

مجمع خصائص CSS

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

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

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

القيمة الافتراضية:none
يُستخدم في:جميع العناصر
الوراثة:لا
يمكن تحريكه:لايرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار:CSS 1،2،3
جملة JavaScript:object.style.cssFloat="right"

جملة استخدام float

جملة هذا الخصائص هي:

float: left | right | none | initial | inherit

في المثال التالي، يتم عرض كيفية استخدام خاصية float.

  p.red {
   float: left;
  }
  p.green {
   float: right;
  }
اختبر هذا‹/›

قيمة الخاصية

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

القيمةوصف
leftالنص المرفوع إلى اليسار. يبدأ المحتوى من الأعلى في اليمين في المربع.
rightمثل left، ولكن الفرق هو أن المربع المرفوع على الجانب الأيمن، ويبدأ المحتوى من اليسار في هذا المربع، من الأعلى.
noneهذا المربع ليس مرفوعًا. هذا هو القيمة الافتراضية.
initialأعد هذه الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن العناصر المرتبطة تأخذ قيمة float للعنصر الأم.

تطابق المتصفح

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

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

قراءة المزيد

يرجى الرجوع إلى الدروس التالية:CSS Float،تسجيل CSS

خصائص تتعلق بموقع:position،top،right،bottom،left،display،clear