CSS Tutorial

التعويم - Float

Float هي إحدى خصائص CSS الأساسية المستخدمة لضبط موضع العناصر على الصفحة.

خطوات الاستخدام:

  • حدد العنصر الذي تريد تعويمه.
  • استخدم الخاصية float واضبطها إما على left أو right.
  • أضف مساحة فراغية (Margin) إلى العناصر الأخرى لفسح المجال للعناصر العائمة.

مفاهيم رئيسية:

  • ;Float: left : يجعل العنصر يطفو إلى اليسار.
  • ;Float: right : يجعل العنصر يطفو إلى اليمين.
  • ;Clear: left : يزيل أي عناصر تطفو إلى اليسار حول العنصر الحالي.
  • ;Clear: right : يزيل أي عناصر تطفو إلى اليمين حول العنصر الحالي.

مثال CSS:

.element1 {
  float: left;
  margin-right: 10px;
}

.element2 {
  float: right;
  margin-left: 10px;
}

إرشادات إضافية لذوي الاحتياجات الخاصة:

  • استخدم النص البديل (Alt Text) لوصف الصور أو أي محتوى آخر غير نصي.
  • تأكد من إمكانية الوصول إلى المحتوى دون استخدام الماوس.
  • استخدم ألوان متباينة لسهولة القراءة.
  • تجنب استخدام اللغة المعقدة أو التقنية.