CSS ماکس ویڈت کی ویژگی
- پچھلے پینجے max-inline-size
- آئندہ پوسٹ @media
تعریف اور استعمال
max-width عنصر کی سب سے زیادہ چوڑائی کو دینا.
توضیح
اس صفت کا مقصد عنصر کی چوڑائی کا آسمانی محدودی قائم کرنا ہے۔ اس لئے عنصر اس مقصد سے چوڑا نہیں ہوسکتا لیکن اس سے باریک ہوسکتا ہے۔ منفی مقدار کا نشان دہی نہیں کی جاسکتی.
ایک دوسرے مراجع:
CSS تعلیم:CSS حجم
CSS مراجع دستور:CSS ماکس ویڈت کی ویژگی
HTML DOM مراجع دستور:maxWidth صفت
CSS زبان:
max-width: none|length|initial|inherit;
صفت کا مقصد
مقصد | کچھ کچھ بتانا |
---|---|
کوئی نہیں | مقصد. |
length | عنصر کی سب سے زیادہ چوڑائی کا مطلب دینا. |
% | بلاک سائز عنصر پر مبنی فیصد سب سے زیادہ چوڑائی کو دینا. |
وارث | مقصد اس کا مطلب ہے کہ max-width صفت کا مطلب یہ ہے کہ اس کا مطلب پائیدار عنصر سے وارث ہونا چاہئے. |
تکنیکی تفصیلات
مقصد: | کوئی نہیں |
---|---|
وراثت: | نہیں |
ورژن: | CSS2 |
جس میں جاویسکریپٹ زبان: | آبجیکٹ.style.maxWidth="50px" |
TIY مثال
- پیسو میٹر کی شرح کو استعمال کرکے عنصر کی سب سے زیادہ چوڑائی کو قائم کیا جاسکتا ہے
- اس مثال میں اس بات کا مظاہرہ کیا گیا ہے کہ کس طرح سے پیسو میٹر کی شرح کو استعمال کرکے عنصر کی سب سے زیادہ بلندی کو قائم کیا جاسکتا ہے.
- فیصد کا استعمال کرکے عنصر کی سب سے زیادہ چوڑائی کو قائم کیا جاسکتا ہے
- اس مثال میں اس بات کا مظاہرہ کیا گیا ہے کہ کس طرح سے فیصد کی شرح کو استعمال کرکے عنصر کی سب سے زیادہ بلندی کو قائم کیا جاسکتا ہے.
براؤزر کی حمایتی
جداول میں کچھ شمار واضح طور پر اس صفت کی پہلی براؤزر کی حمایتی نسخے کو کیا دکھاتا ہے.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 7.0 | 1.0 | 1.0 | 7.0 |
- پچھلے پینجے max-inline-size
- آئندہ پوسٹ @media