سی ای ایس یونٹ
- پچھلے پینج سی ای ایس ویب سائٹ لائن اوت
- آئندہ پینج سی ای ایس خصوصیت
سی ای ایس یونٹ
CSS کچھ طویلی کی مختلف یونیتوں کا نمائش کرتا ہے۔
بہت سے CSS خاصیتوں کو 'طویلی' کی قیمتیں قبول کی جاسکتی ہیں، مثلاً طول،کاوند،پیداواری،فونٹ-سائز غیر منظم.
طویلی کا اعداد اور طویلی کی یونیت کا مجموعہ ہوتا ہے، مثلاً 10px،2em غیر منظم.
مثال
px (پیکسل) کے ذریعے مختلف طویلی کی قیمتیں مقرر کریں:
h1 {
font-size: 60px;
}
p {
font-size: 25px;
line-height: 50px;
}
عدد اور یونیت کے درمیان خالی جگہ نہیں ہونی چاہئی، لیکن اگر کسی کا رجحان 0 ہے تو یونیت کو چھوڑ سکتا ہیں۔
کچھ CSS خاصیتوں کے لئے منفی طویلی کا استعمال کیا جاسکتا ہے۔
طویلی کی یونیت دو نوعیتوں میں ہیں:تعیناتی یونیتاورنسبتی یونیت.
تعیناتی طویلی
تعیناتی طویلی کی یونیت پائیدار ہیں، جس کی کسی بھی تعیناتی کی طویلی کا نمائش کیا جائے گا، یہی سائز کا نمائش کیا جائے گا۔
اسکرین پر استعمال کئے جانے والی تعیناتی طویلی کی یونیت کو سفارش نہیں کیا جاتا، کیونکہ اسکرین کی سائز کا متبادل بہت بڑا ہوتا ہے۔ لیکن اگر آؤٹ پورٹ میڈیم کو جانا ہوتا ہے تو ان کو استعمال کیا جاسکتا ہے، مثلاً پرنٹ لائاوت (پرنٹ لائاوت)
| یونیت | وصف | TIY |
|---|---|---|
| cm | سینٹی میٹر | کوشش کریئن |
| mm | میلیمیٹر | کوشش کریئن |
| in | انچ (1in = 96px = 2.54cm) | کوشش کریئن |
| px * | پیکسل (1px = 1/96th of 1in) | کوشش کریئن |
| pt | نقشہ (1pt = 1/72 of 1in) | کوشش کریئن |
| pc | پائکا (1pc = 12 pt) | کوشش کریئن |
* پیکسل (px) دیکھنے والی اونچائی کا تعلق رکھتا ہے۔ کم dpi کی آلات کے لئے، 1px ایک نمائش پیکسل (نقشہ) کی چوڑائی کا تعلق رکھتا ہے۔ پرنٹر اور اعلیٰ رزولوشن سکرین کے لئے، 1px کئی نمائش پیکسل کی چوڑائی کا تعلق رکھتا ہے۔
نسبتی طویلی
نسبتی طویلی کی یونیت کا تعریف دیگر طویلی کی خاصیت کی نسبت میں کیا جاتا ہے۔ نسپتی طویلی کی یونیت مختلف رندرنگ میڈیم کے درمیان اسکالنگ کی بہتر کارکردگی کا مظاہرہ کرتی ہیں。
| یونیت | وصف | TIY |
|---|---|---|
| em | عنصر کی فونٹ سائز کے مطابق (فونٹ-سائز) (2em یعنی موجودہ فونٹ سائز کا دو گنا) | کوشش کریئن |
| ex | موجودہ فونٹ کی x-height کے مطابق (کم استعمال میں) | کوشش کریئن |
| ch | 0 (صفر) کی چوڑائی کے مطابق | کوشش کریئن |
| rem | اسٹیکی عنصر کی فونٹ سائز کے مطابق (فونٹ-سائز) | کوشش کریئن |
| vw | ویو پورٹ کی چوڑائی کا 1% | کوشش کریئن |
| vh | ویو پورٹ کی اونچائی کا 1% | کوشش کریئن |
| vmin | کم سائز کے سلسلے میں ویو پورٹ کا 1% | کوشش کریئن |
| vmax | بڑی انداز کا 1% کی مدد سے ویژوٹ کے ساتھ ساتھ | کوشش کریئن |
| % | والد عنصر کے ساتھ ساتھ | کوشش کریئن |
آگاہی:em اور rem یونٹس کو مثالی فری فورم کے لئے استعمال کئے جاسکتے ہیں!
* ویز (Viewport) = براوزر کا جگہ کا حجم۔ اگر ویژوٹ پچاس سینٹی میٹر چوڑا ہو، تو 1vw = 0.5 سینٹی میٹر کا معنایف
براوزر سپورٹ
تقریباً پورا طویل کا ماخذ کو پائیدار پہلے براوزر کی مدد سے نشان دیا گیا ہے۔
| طول کی وسیلے | |||||
|---|---|---|---|---|---|
| em, ex, %, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
| ch | 27.0 | 9.0 | 1.0 | 7.0 | 20.0 |
| rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
| vh, vw | 20.0 | 9.0 | 19.0 | 6.0 | 20.0 |
| vmin | 20.0 | 12.0 | 19.0 | 6.0 | 20.0 |
| vmax | 26.0 | 16.0 | 19.0 | 7.0 | 20.0 |
- پچھلے پینج سی ای ایس ویب سائٹ لائن اوت
- آئندہ پینج سی ای ایس خصوصیت
