مثال
السماح لتعويم صورة لليسار / يمين النص، عند النقر على زرين:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية cssFloat أو ترجع المحاذاة الأفقية عنصر.
ملاحظة: CSS "float" يطلق خاصية "cssFloat" في جافا سكريبت، وذلك لأن "float" هي كلمة محجوزة في جافا سكريبت.
Note: إذا كان هناك مساحة صغيرة جدا على خط للعنصر عائم، وسوف القفز إلى الأسفل إلى السطر التالي الذي لديه مساحة كافية.
دعم المتصفح
ويدعم خاصية cssFloat في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات cssFloat:
object .style.cssFloat
تعيين الخاصية cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| none | لم يتم طرح الكائن / عنصر. هذا هو الافتراضي |
| left | سوف الكائن / عنصر تطفو إلى اليسار في العنصر الأم |
| right | سوف الكائن / عنصر تطفو الى الحق في العنصر الأم |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| قيمة الإرجاع: | سلسلة تمثل المحاذاة الأفقية عنصر |
| صفحة DOM | DOM المستوى 2 |
مزيد من الأمثلة
مثال
تغيير الخاصية cssFloat عنصر DIV:
document.getElementById("myDIV").style.cssFloat = "left";
انها محاولة لنفسك » صفحات ذات صلة
CSS التعليمي: CSS تعويم
<كائن نمط