بلاک آفریت cssFloat
- ਪਿੰਨਾ ਪਹਿਲਾਂ counterReset
- ਅਗਲਾ ਪੰਨਾ cursor
- ਉੱਪਰੀ ਪੱਧਰ ਵਾਪਸ ایچ تی ام ال ڈوم اسٹائل آپنٹ
تعلیم اور استعمال
cssFloat بلاک آفریت مقصد یا عناصر کی افقی کجابیندی کا مقصد بلاک آفریت.
نکات:CSS "بلاک آفریت" بلاک آفریت میں "cssFloat" کے نام سے جانا جاتا ہے، کیونکہ "بلاک آفریت" بلاک آفریت میں محفوظ لفظ ہے.
نوٹ:اگر ایک سطر میں بلاک کی فضیلت کم ہوئی تو وہ نئی سطر میں بلاک کی فضیلت کی پائیداری پر چلے گا.
ایک بار دیگر دیکھئے:
CSS تعلیم:CSS ਫਲੌਟਿੰਗ
مثال
مثال 1
دو بٹنوں پر کلک کرکے، تصویر کو متن کے سمت چپ/سمت دائیں بلاک کریں:
فنکشن فلاٹرائی() {
document.getElementById("myImg").style.cssFloat = "right";
}
فنکشن فلاٹلیفائی() {
document.getElementById("myImg").style.cssFloat = "left";
}
مثال 2
DIV عنصر کا cssFloat بلاک آفریت بدل دیں:
document.getElementById("myDIV").style.cssFloat = "left";
قواعد
بلاک آفریت cssFloat کا مقصد:
عنصر.style.cssFloat
بلاک آفریت cssFloat کا مقصد:
عنصر.style.cssFloat = "left|right|none|initial|nکلی"
بلاک آفریت مقدار
| مقدار | وصف |
|---|---|
| نا | عنصر/عنصر بلاک نہیں کریں گا، دفعتی بلاک آفریت. |
| بائیں | عنصر/عنصر والد عناصر میں بائیں طرف بلاک کریں گا. |
| دائیں | عنصر/عنصر والد عناصر میں دائیں طرف بلاک کریں گا. |
| بلاک آفریت: | اس بلاک آفریت کو اس کی دفعتی بلاک آفریت میں رکھیں، وضاحت کریں بلاک آفریت:۔ |
| نکلی | اس بلاک آفریت کو اپنے والد عناصر سے وصول کریں، وضاحت کریں نکلی۔ |
تکنیکی تفصیلات
| بلاک آفریت: | ناہیں |
|---|---|
| بلاک آفریت: | ਸਟਰਿੰਗ, ਜੋ ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਪੱਧਰੀ ਸਾਮੇਲੀਕਰਣ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ। |
| DOM ਵਰਜਨ: | DOM ਲੈਵਲ 2 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿੰਨਾ ਪਹਿਲਾਂ counterReset
- ਅਗਲਾ ਪੰਨਾ cursor
- ਉੱਪਰੀ ਪੱਧਰ ਵਾਪਸ ایچ تی ام ال ڈوم اسٹائل آپنٹ
