خصائص Style cssFloat

التعريف والاستخدام

cssFloat يُحدد خاصية cssFloat طريقة ضبط أو الرجوع إلى التوازي الأفقي للعنصر.

نصيحة:خصائص CSS "float" تُسمى "cssFloat" في JavaScript لأن "float" هو كلمة محفوظة في JavaScript.

ملاحظة:إذا كان مساحة العنصر الفloating صغيرة جدًا في السطر، فإنه سيقفز إلى السطر التالي الذي يحتوي على مساحة كافية.

يُرجى الرجوع أيضًا إلى:

دليل CSS:التحليل في CSS

مثال

مثال 1

عند النقر على الزرين، يُمكن تحريك الصورة إلى اليسار/اليمين للنص:

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

تجربة شخصية

مثال 2

تغيير خاصية cssFloat للعنصر DIV:

document.getElementById("myDIV").style.cssFloat = "left";

تجربة شخصية

النحو

الرجوع إلى خاصية cssFloat:

object.style.cssFloat

تعيين خاصية cssFloat:

object.style.cssFloat = "left|right|none|initial|inherit"

قيمة الخصائص

القيمة الوصف
none لا يُ浮动 العنصر/العنصر. الافتراضي.
left سيُ浮动 العنصر/العنصر في العنصر الأم إلى اليسار.
right سيُ浮动 العنصر/العنصر في العنصر الأم إلى اليمين.
initial ضبط هذا الخصائص إلى قيمته الافتراضية. يُرجى الرجوع إلى initial.
inherit يُورث هذا الخصائص من العنصر الأم. يُرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
القيمة الراجعة: السلسلة، تعبر عن طريقة توجيه العنصر الأفقي.
إصدار DOM: DOM Level 2

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم