سی ایس ایس چوڑائی فٹ مواد

Sy Ays Ays Chw Ayy F Mwad



CSS چوڑائی کی خاصیت عنصر کے مواد کے علاقے کی چوڑائی کی وضاحت کرتی ہے۔ یہ علاقہ عنصر کی سرحد، پیڈنگ اور مارجن کے درمیان کی جگہ ہے۔ مزید یہ کہ CSS چوڑائی کی خاصیت قدر کے ساتھ ' موزوں مواد ” مواد کے مطابق عنصر کی چوڑائی کو ایڈجسٹ کرے گا۔

یہ مطالعہ سی ایس ایس کی چوڑائی کی خاصیت کی ویلیو فٹ مواد کے ساتھ وضاحت کرے گا۔







فٹ کنٹینٹ ویلیو کے ساتھ سی ایس ایس چوڑائی پراپرٹی کا استعمال کیسے کریں؟

سی ایس ایس چوڑائی کی خاصیت کو فٹ کنٹینٹ ویلیو کے ساتھ استعمال کرنے کے مقصد کے لیے دیے گئے نحو کو دیکھیں:



چوڑائی: موزوں مواد


مثال



HTML میں، ایک ہی کلاس کے نام کے ساتھ تین div عناصر شامل کریں ' ڈبہ 'اور تین مختلف کلاسز' رنگ -1 '،' رنگ -2 '، اور ' رنگ -3 '، بالترتیب. ویب صفحہ پر مواد شامل کرنے کے لیے ہر div کے اندر

عنصر شامل کریں:





< div کلاس = 'باکس کا رنگ -1' >
< ص > سی ایس ایس چوڑائی فٹ مواد ص >
div >
< div کلاس = 'باکس کا رنگ -2' >
< ص > ہیلو ورلڈ ! ص >
div >
< div کلاس = 'باکس کا رنگ -3' >
< ص > ٹیم ورک اعتماد پیدا کرنے سے شروع ہوتا ہے۔ ہم کام کرنے والی ٹیم ہیں۔ کے لیے ایک مشترکہ مشن. ص >
div >


یہاں HTML کوڈ کا آؤٹ پٹ ہے:


اب تک ہم نے HTML صفحہ پر بات کی ہے۔ اب، اگلے حصے میں، ہم HTML عناصر پر مختلف CSS اسٹائل لاگو کریں گے تاکہ وہ بہتر نظر آئیں۔ جاری مثال میں، ہم 'کے رویے کو چیک کریں گے چوڑائی 'قیمت والی جائیداد' موزوں مواد 'سی ایس ایس میں۔



انداز 'باکس' div

.ڈبہ {
چوڑائی: فٹ مواد؛
اونچائی: 50px؛
رنگ: بھوت سفید؛
پیڈنگ: 6px؛
مارجن: 2px؛
فونٹ سائز: 18px؛
}


' .ڈبہ ' div کلاس باکس سے مراد ہے۔ ذیل میں اس پر لاگو ہونے والی خصوصیات ہیں:

    • ' چوڑائی 'قیمت کے ساتھ پراپرٹی' موزوں مواد دستیاب جگہ استعمال کرتا ہے، لیکن یہ مواد سے زیادہ نہیں ہوگا۔
    • ' اونچائی ” وہ خاصیت ہے جو عنصر کی اونچائی کا تعین کرتی ہے۔
    • ' رنگ ' عنصر کے فونٹ کے رنگ کی وضاحت کرتا ہے۔
    • ' بھرتی پراپرٹی عنصر کی سرحد کے اندر یا مواد کے ارد گرد جگہ پیدا کرتی ہے۔
    • ' مارجن عنصر کے ارد گرد جگہ کا تعین کرتا ہے۔
    • ' حرف کا سائز پراپرٹی فونٹ سائز کا تعین کرتی ہے۔

انداز 'رنگ -1' div

.رنگ- 1 {
پس منظر کا رنگ: #00ABB3؛
}


' پس منظر کا رنگ 'پراپرٹی سیٹ ہے' .color-1 ' div

انداز 'رنگ -2' div

.رنگ- 2 {
پس منظر کا رنگ: #083AA9;
}


انداز 'رنگ -3' div

.رنگ- 3 {
پس منظر کا رنگ: #4C6793;
}


یہ دیکھا جا سکتا ہے کہ عنصر کی چوڑائی مواد کے برابر مقرر کی گئی ہے:


یہ بہت اچھا ہے! ہم نے کامیابی سے سی ایس ایس کا استعمال سیکھ لیا ہے۔ چوڑائی 'قیمت کے ساتھ پراپرٹی' موزوں مواد '

نتیجہ

CSS چوڑائی کی خاصیت ہمیں کئی قدروں کو استعمال کرنے کی اجازت دیتی ہے۔ یہ قدریں فیصد، پکسلز، یا اس سے زیادہ میں ہیں۔ اسے مواد کے مطابق ترتیب دینے کے لیے، ' موزوں مواد 'قدر مقرر کی جا سکتی ہے۔ اس پوسٹ میں سی ایس ایس کی چوڑائی کی خاصیت کو عملی مظاہرے کے ساتھ ویلیو فٹ مواد کے ساتھ بیان کیا گیا ہے۔