سی ای ایس بلندی و عرض
- صفحه قبلی سی ای ایس فضای داخلی
- صفحه بعدی سی ای ایس فریم ورک
CSS کا استعمال کیا جاتا ہے تاکہ اونچائی اور چوڑائی قائم کی جاسکتی ہے
ارتفاع اور عرض پرپرتی استعمال کی جاتی ہے تاکہ عنصر کی اونچائی اور چوڑائی قائم کی جاسکتی ہے。
height اور width پرپرتیاں داخلی پیدائش، بروئر اور بیرونی پیدائش کی علاقوں کی اونچائی/چوڑائی کا تعین نہیں کرتی ہیں، وہ صرف عنصر کی داخلی پیدائش، بروئر اور بیرونی پیدائش کی علاقوں کی اونچائی/چوڑائی کا تعین کرتی ہیں!
CSS اونچائی اور چوڑائی کی قیمتیں
ارتفاع اور عرض پرپرتی کا استعمال کیا جاسکتا ہے جیسا کہ درج ذیل:
auto- دفعتی قیمتی کا استعمال کیا جاتا ہے۔ براوزر اونچائی اور چوڑائی کی کا رکردگی کو محاسبه کریں۔length- اونچائی/چوڑائی کی کا رکردگی کو پیکسل، سی ایم وغیرہ کے طور پر قائم کریں۔%- اونچائی/چوڑائی کی کا رکردگی کو شامل کی جائزہ کی جائزہ کی کا رکردگی کے طور پر قائم کریں۔initial- اونچائی/چوڑائی کی کا رکردگی کو دفعتی قیمتی کریں۔inherit- ان کی اونچائی/چوڑائی کی کا رکردگی کو والد عناصر سے وارث کریں۔
CSS اونچائی اور چوڑائی مثال
مثال
عناصر کی اونچائی اور چوڑائی قائم کریں:
div {
height: 200px;
width: 50%;
background-color: powderblue;
}
مثال
دوسرے <div> عناصر کی اونچائی اور چوڑائی قائم کریں:
div {
height: 100px;
width: 500px;
background-color: powderblue;
}
نوٹ:یاد رکھیں،ارتفاع اور عرض پرپرتی کا استعمال نہیں کیا جاتا، وہ صرف عنصر کی داخلی پیدائش، بروئر اور بیرونی پیدائش کی علاقے کی اونچائی/چوڑائی کا تعین کرتی ہے!
عنصر کی زیادہترین چوڑائی قائم کرنا
عرض بیشینه پرپرتی استعمال کی جاتی ہے تاکہ عنصر کی زیادہترین چوڑائی قائم کی جاسکتی ہے。
ممکن ہے کہ آپ کسی لمبائی کی کا رکردگی (مثلاً پیکسل، سی ایم وغیرہ) یا شامل کی جائزہ کی جائزہ کی جائزہ کی کا رکردگی کا استعمال کریں (درجہ درجہ فیصد)، یا اس کو none (مقصد کا بجائے) رکھیں (مقصد کا بجائے)。
جب براوزر کا ونڈو کی چوڑائی عنصر کی چوڑائی سے کم ہو جائے، تو پچھلے مثال میں دیکھا گیا <div> کوئی مشکل کا حل کیا جاتا ہے، تو براوزر صفحے میں افقی سکرول بار اضافہ کرے گا。
اس صورت میں، عرض بیشینه کوچھ چوڑائی والے ونڈو میں براوزر کو بہتر طور پر بندوبست کرسکتا ہے。
نکات:براوزر کا ونڈو کو کم از کم 500 پیکسل کی چوڑائی تک کوچھاں لائیں، تاکہ دو div کے درمیان کی فرق دیکھ سکیں!
یہ عنصر کی اونچائی 100 پیکسل اور زیادہترین چوڑائی 500 پیکسل ہے。
نوٹ:عرض بیشینه کی اقدار کو ختم کر دیا جائے گا عرض（چوڑائی）。
مثال
یہ <div> عناصر کی اونچائی 100 پیکسل اور زیادہترین چوڑائی 500 پیکسل ہے:
div {
max-width: 500px;
height: 100px;
background-color: powderblue;
}
بقایا مثال
- عناصر کی اونچائی اور چوڑائی قائم کرنا
- اس نمونہ میں دکھایا جاتا ہے کہ کس طرح پر مختلف عناصر کی اونچائی اور چوڑائی قائم کی جاسکتی ہے。
- تصویر کی اونچائی اور چوڑائی فیصد کی کا رکردگی کے ذریعے قائم کرنا
- اس نمونہ میں دکھایا جاتا ہے کہ کس طرح پر فیصد کی کا رکردگی کے ذریعے تصویر کی اونچائی اور چوڑائی قائم کی جاسکتی ہے。
- عناصر کی کمترین اور زیادہترین چوڑائی قائم کرنا
- اساتذة نمونہ دکھاتا ہے کہ کس طرح پر پیکسل کا استعمال کرکے عناصر کی کمترین اور زیادہترین چوڑائی قائم کی جاسکتی ہے。
- تنظیم ارتفاع کمینه و بیشینه عناصر
- این مثال نشان میدهد که چگونه میتوان ارتفاع کمینه و بیشینه عناصر را با استفاده از مقادیر پیکسلی تنظیم کرد.
تنظیم اندازه CSS
| خصوصیت | توضیح |
|---|---|
| ارتفاع | تنظیم ارتفاع عناصر. |
| ارتفاع بیشینه | تنظیم ارتفاع بیشینه عناصر. |
| عرض بیشینه | تنظیم عرض بیشینه عناصر. |
| ارتفاع کمینه | تنظیم ارتفاع کمینه عناصر. |
| عرض کمینه | تنظیم عرض کمینه عناصر. |
| عرض | تنظیم عرض عناصر. |
- صفحه قبلی سی ای ایس فضای داخلی
- صفحه بعدی سی ای ایس فریم ورک
