خصائص Style cssFloat

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

cssFloat يحدد أو يسترداد طريقة التوجيه الأفقية للعنصر.

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

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

انظر أيضًا:

دليل CSS:CSS ƙaɗan ƙaɗan

مثال

مثال 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:

العنصر.style.cssFloat

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

العنصر.style.cssFloat = "left|right|none|initial|inherit"

قيمة الخصائص

القيمة الوصف
لا شيء العنصر/النص لا يطفو. افتراضي.
اليسار العنصر/النص سيطفو إلى اليسار في العنصر الأم.
اليمين العنصر/النص سيطفو إلى اليمين في العنصر الأم.
مبدئي استعادة هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى مبدئي。
توريث يورث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى توريث。

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

القيمة الافتراضية: لا يوجد
بسنت جى: Wuri, wanda nuna hanyar ƙaɗan ƙaɗan na ƙarƙashin ƙasa na ƙarƙashin ƙasa.
DOM Version: DOM Level 2

Support ƙaɗan

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support