نمط cssFloat Property
مثال
دع صورة تطفو على يمين / يسار النص ، عند النقر على زرين:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
التعريف والاستخدام
تقوم الخاصية cssFloat بتعيين أو إرجاع المحاذاة الأفقية للعنصر.
ملاحظة: خاصية CSS "float" تسمى "cssFloat" في JavaScript ، لأن "float" هي كلمة محجوزة في JavaScript.
ملاحظة: إذا كان هناك مساحة صغيرة جدًا على السطر للعنصر العائم ، فسيقفز إلى السطر التالي الذي يحتوي على مساحة كافية.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
قم بإرجاع خاصية cssFloat:
object.style.cssFloat
قم بتعيين خاصية cssFloat:
object.style.cssFloat = "left|right|none|initial|inherit"
قيم الملكية
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | لا أحد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل المحاذاة الأفقية للعنصر |
إصدار DOM | DOM المستوى 2 |
مزيد من الأمثلة
مثال
غيّر خاصية cssFloat لعنصر DIV:
document.getElementById("myDIV").style.cssFloat = "left";
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS Float
❮ نمط الكائن