سی ای اس لایووک - شناور و پاکسازی

سی ای اس لایووک - شناور و پاکسازی

CSS float صفت عناصر کو کس طرح پیمانہ کیا جائے کا تعین کرتا ہے。

CSS clear صفت کا استعمال عناصر کو کس عناصر کے ساتھ پیمانہ کیا جائے اور کس جانب کیا جائے کا تعین کرتا ہے。

float صفت

float صفت کا استعمال وضاحت، مثلاً تصویر کو کنٹینر میں متن کی بائیں جانب پیمانہ کیا جائے گا، کے لئے کیا جاتا ہے。

float صفت میں درج ذیل کسی بھی قیمت کو ساتھ دی جاسکتی ہے:

  • left - عناصر ان کی کنٹینر کی بائیں جانب پیمانہ کیا جائے گا
  • right - عناصر ان کی کنٹینر کی دائیں جانب پیمانہ کیا جائے گا
  • none - عناصر کو پیمانہ نہیں کیا جائے گا (متن میں پہلے آندے مقام پر دکھایا جائے گا). پیش فرض کا مطلب.
  • inherit - عناصر ان کی پیر کی float کی قیمت کو لے لیتی ہیں

سادہ ترین استعمال یہ ہے،float صفت (کاغذ کی تکنیک میں) تصویر اور متن کا احاطہ کرنے کا کام کرسکتا ہے。

مثال - float: right;

مثال میں تصویر متن میں کہا گیا مقام پر بائیں جانب پیمانہ دکھایا جائے گا:

پائنابپ

آموزش‌های پیشرو در فناوری وب - همه رایگان. در CodeW3C.com، می‌توانید تمام آموزش‌های مورد نیاز خود برای ساخت وب‌سایت را پیدا کنید. از HTML ساده تا CSS، و حتی پیشرفته‌های XML، SQL، JS، PHP.

دستورالعمل‌های ما شامل همه چیز در مورد فناوری وب است. این شامل استانداردهای W3C مانند HTML، CSS، XML است. همچنین شامل فناوری‌هایی مانند JavaScript، PHP، SQL و غیره است.

در CodeW3C.com، ما هزاران مثال ارائه می‌دهیم. با استفاده از ویرایشگر آنلاین ما، می‌توانید این مثال‌ها را ویرایش کنید و کد را آزمایش کنید.

مثال

img {
  float: right;
}

آزمایش کنید

مثال - float: left;

مثال میں تصویر متن میں کہا گیا مقام پر دکھایا جائے گا:بائیں جانبپیمانہ:

پائنابپ

آموزش‌های پیشرو در فناوری وب - همه رایگان. در CodeW3C.com، می‌توانید تمام آموزش‌های مورد نیاز خود برای ساخت وب‌سایت را پیدا کنید. از HTML ساده تا CSS، و حتی پیشرفته‌های XML، SQL، JS، PHP.

دستورالعمل‌های ما شامل همه چیز در مورد فناوری وب است. این شامل استانداردهای W3C مانند HTML، CSS، XML است. همچنین شامل فناوری‌هایی مانند JavaScript، PHP، SQL و غیره است.

در CodeW3C.com، ما هزاران مثال ارائه می‌دهیم. با استفاده از ویرایشگر آنلاین ما، می‌توانید این مثال‌ها را ویرایش کنید و کد را آزمایش کنید.

مثال

img {
  float: left;
}

آزمایش کنید

مثال - No float

مثال میں، تصویر متن میں پہلے آندے مقام پر دکھایا جائے گا (float: none;):

پائنابپ آموزش‌های پیشرو در فناوری وب - همه رایگان. در CodeW3C.com، می‌توانید تمام آموزش‌های مورد نیاز خود برای ساخت وب‌سایت را پیدا کنید. از HTML ساده تا CSS، و حتی پیشرفته‌های XML، SQL، JS، PHP. دستورالعمل‌های ما شامل همه چیز در مورد فناوری وب است. این شامل استانداردهای W3C مانند HTML، CSS، XML است. همچنین شامل فناوری‌هایی مانند JavaScript، PHP، SQL و غیره است. در CodeW3C.com، ما هزاران مثال ارائه می‌دهیم. با استفاده از ویرایشگر آنلاین ما، می‌توانید این مثال‌ها را ویرایش کنید و کد را آزمایش کنید.

مثال

img {
  float: none;
}

آزمایش کنید

خواندن بیشتر

کتاب درسی:CSS شناور