CSS width کا پروپرٹی

تعریف و استعمال

width نمائش عنصر کی چوڑائی کو قائم کرتی ہے。

توضیحات

اس نمائش کی اقدار کو عنصر کی محتوا کی کچھ اقدار کے باہر اضافہ کیاجاسکتا ہے، مثلاً اندرون فضائی، حاشیہ اور بیرونی فضائی。

این لاین غیر تجاوزی عنصر اس نمائش کی اقدار کو نظر انداز کر سکتا ہے。

دوسرے مراجع:

CSS درس:CSS اقدار

CSS درس:CSS کا فریم ورک کی تعریف

CSS مرجع دستور زبان:height نمائش

HTML DOM مرجع دستور زبان:width نمائش

مثال

پاراگراف کی چوڑائی اور اونچائی کو قائم کریں:

p
  {
  height:100px;
  width:100px;
  }

خود کوشش کریں

CSS گرامر

width: auto|مقدار|initial|inherit;

نمائش کی اقدار

مقدار وصف
auto مقصد: بطور پیش فرض براؤزر اس کی کچھ اقدار کو محاسبه کرسکتا ہے。
length px،cm وغیرہ جیسے اکائیوں کا استعمال کرکے چوڑائی کا تعین کیا جاسکتا ہے。
% بنیادی عنصر (والد عنصر) کی چوڑائی کی کچھ فیصد کی کچھ اقدار کو قائم کرنا چاہئیے。
inherit محدودیت: width نمائش پر والد عنصر کی نمائش کی کچھ اقدار کو نکلیت دینا چاہئیے。

تکنیکی تفصیلات

مقصد: auto
نکلیت: no
ورژن: CSS1
JavaScript گرامر: object.style.width="50px"

TIY مثال

پیکسلو کی کچھ اقدار کو استعمال کرکے عناصر کی چوڑائی قائم کیا جاسکتا ہے
اس مثال میں وضاحت دی گئی ہے کہ کیسے پیکسلو کی کچھ اقدار کو استعمال کرکے عناصر کی چوڑائی قائم کی جاسکتی ہے。
فیصد کی کچھ اقدار کو استعمال کرکے عناصر کی چوڑائی قائم کیا جاسکتا ہے
اس مثال میں وضاحت دی گئی ہے کہ کیسے فیصد کی کچھ اقدار کو استعمال کرکے عناصر کی چوڑائی قائم کی جاسکتی ہے。

براؤزر کی مدد

جداول میں کچھ اعداد اس کی پوری مدد کی پہلی براؤزر ورژن کو نوٹ کیا گیا ہے。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5