سی ایس ایس اکائی
- پچھلے صفحے سی ایس ایس ویب سائٹ لائن اوت
- آئندہ صفحہ سی ایس ایس خصوصیت
سی ایس ایس اکائی
ਸੀਐੱਸਐੱਸ ਨੂੰ ਲੰਬਾਈ ਇਕਾਈਆਂ ਦੇ ਵੱਖ-ਵੱਖ ਰੂਪਾਂ ਵਿਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
ਕਈ ਸੀਐੱਸਐੱਸ ਪ੍ਰਤੀਭਾਵਨਾਵਾਂ "ਲੰਬਾਈ" ਮੁੱਲ ਦਾ ਸਵੀਕਾਰ ਕਰਦੀਆਂ ਹਨ: width、margin、padding、font-size ਅਤੇ。
ਲੰਬਾਈ ਇਕਾਈ ਵਾਲੀ ਸੰਖਿਆ ਹੈ, ਜਿਵੇਂ 10px、2em ਅਤੇ。
ਉਦਾਹਰਣ
px (ਪਿਕਸਲ) ਨਾਲ ਵੱਖ-ਵੱਖ ਲੰਬਾਈ ਮੁੱਲ ਸੈਟ ਕਰੋ:
h1 {
font-size: 60px;
}
p {
font-size: 25px;
line-height: 50px;
}
ਸੰਖਿਆ ਅਤੇ ਇਕਾਈ ਦਰਮਿਆਨ ਖਾਲੀ ਜਗ੍ਹਾ ਨਹੀਂ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ। ਪਰ ਜੇਕਰ ਮੁੱਲ 0 ਹੈ, ਤਾਂ ਇਕਾਈ ਨੂੰ ਛੱਡ ਸਕਦੇ ਹਨ。
ਕੁਝ ਸੀਐੱਸਐੱਸ ਪ੍ਰਤੀਭਾਵਨਾਵਾਂ ਨੂੰ ਨੈਗਟਿਵ ਲੰਬਾਈ ਨਾਲ ਵਰਤਿਆ ਜਾਣਾ ਹੈ。
ਲੰਬਾਈ ਇਕਾਈ ਦੋ ਪ੍ਰਕਾਰ ਦੀਆਂ ਹਨ:ਸਥਾਈ ਇਕਾਈਅਤੇਸਮਾਨਾਤਮਕ ਇਕਾਈ。
ਸਥਾਈ ਲੰਬਾਈ
ਸਥਾਈ ਲੰਬਾਈ ਇਕਾਈ ਇਕਰਾਰਤ ਹੁੰਦੀਆਂ ਹਨ, ਕਿਉਂਕਿ ਕਿਸੇ ਸਥਾਈ ਲੰਬਾਈ ਇਕਾਈ ਦੁਆਰਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਲੰਬਾਈ ਹੀ ਉਸੇ ਆਕਾਰ ਵਿਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ。
ਸਕਰੀਨ 'ਤੇ ਸਥਾਈ ਲੰਬਾਈ ਇਕਾਈਆਂ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ ਜਾਣੀ ਚਾਹੀਦੀ ਕਿਉਂਕਿ ਸਕਰੀਨ ਦਾ ਮੋਟਾਈ ਬਹੁਤ ਵੱਡਾ ਹੈ। ਪਰ ਜੇਕਰ ਪ੍ਰਿੰਟ ਮੀਡੀਆ ਜਾਂ ਪ੍ਰਿੰਟ ਲੇਆਊਟ (print layout) ਲਈ ਜਾਣਕਾਰੀ ਹੈ, ਤਾਂ ਉਹਨਾਂ ਦਾ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
| ਇਕਾਈ | ਵਰਣਨ | 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 | ਐਲੀਮੈਂਟ ਦੀ ਫੰਟ ਸਾਈਜ਼ (font-size) ਨੂੰ ਮੂਲ ਪੂਰਤੀ ਦੇ 2 ਗੁਣਾ ਕਰਕੇ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ (2em) | کوشش کریں |
| ex | ਮੂਲ ਪੂਰਤੀ ਫੰਟ ਦੇ x-height (ਘੱਟ ਤੋਂ ਘੱਟ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ) | کوشش کریں |
| ch | ਮੂਲ ਪੂਰਤੀ "0" (ਜ਼ਿਰੋ) ਦੀ ਚੌਡਾਈ | کوشش کریں |
| rem | ਮੂਲ ਪੂਰਤੀ ਐਲੀਮੈਂਟ ਦੀ ਫੰਟ ਸਾਈਜ਼ (font-size) | کوشش کریں |
| vw | ਸਾਈਜ਼ ਨੂੰ ਮੂਲ ਪੂਰਤੀ ਨਾਲ ਚੌਡਾਈ ਦਾ 1% | کوشش کریں |
| vh | ਸਾਈਜ਼ ਨੂੰ ਮੂਲ ਪੂਰਤੀ ਨਾਲ ਉਚਾਈ ਦਾ 1% | کوشش کریں |
| vmin | ਸਾਈਜ਼ ਨੂੰ ਮੂਲ ਪੂਰਤੀ ਨਾਲ ਸਰਗਰਮ ਹੋਣ ਵਾਲੇ 1％ | کوشش کریں |
| vmax | ویجٹ پورٹ کی بڑی سائز کی 1% کے سلسلے میں | کوشش کریں |
| % | والد عنصر کے سلسلے میں | کوشش کریں |
تذکرہ:em اور rem اکائیاں مثالی کریپت بولیاں بنانے کیلئے استعمال کی جاسکتی ہیں!
* ویجٹ پورٹ (Viewport) = بروسر کا جھانکا کی سائز۔ اگر ویجٹ پورٹ 50 سینٹی میٹر چوڑا ہے تو 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 |
- پچھلے صفحے سی ایس ایس ویب سائٹ لائن اوت
- آئندہ صفحہ سی ایس ایس خصوصیت
