CSS line-height ਪ੍ਰਾਪਰਟੀ
- ਪਿਛਲੀ ਪੰਨਾ letter-spacing
- آئندہ پہلہ لیسٹ-استائل
定义和用法
line-height 属性设置行间的距离（行高）。
注释：不允许使用负值。
ਵਰਣਨ
ਇਹ ਪਰੋਪਰਟੀ ਲਾਈਨ ਬਕਸੇ ਦੇ ਸ਼ੈਲੀ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦੀ ਹੈ।ਇੱਕ ਬਲਕ ਇਲੈਕਟ੍ਰੌਨ ਵਾਪਰੇ ਉੱਤੇ ਇਹ ਪਰੋਪਰਟੀ ਇਸ ਇਲੈਕਟ੍ਰੌਨ ਵਿੱਚ ਬੇਸਲਾਈਨ ਦਰਮਿਆਨ ਸਭ ਤੋਂ ਘੱਟ ਦੂਰੀ ਨਹੀਂ ਸਗੋਂ ਸਭ ਤੋਂ ਵੱਧ ਦੂਰੀ ਨਹੀਂ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ।
line-height ਅਤੇ font-size ਦੀ ਗਣਨਾ ਦਰਮਿਆਨ ਦਾ ਫਰਕ (CSS ਵਿੱਚ 'line-spacing' ਕਿਹਾ ਜਾਂਦਾ ਹੈ) ਦੋ ਹਿੱਸਿਆਂ ਵਿੱਚ ਹੋਇਆ ਹੈ ਜੋ ਟੈਕਸਟ ਲਾਈਨ ਦੇ ਉੱਪਰ ਅਤੇ ਨੀਚੇ ਕੇਂਦਰਿਤ ਕੀਤੇ ਜਾਂਦੇ ਹਨ।ਟੈਕਸਟ ਦੇ ਸਭ ਤੋਂ ਛੋਟੇ ਬਕਸੇ ਵਿੱਚ ਸਮਾਪਤ ਹੋਣ ਵਾਲੀ ਸਮੱਸਿਆ ਲਾਈਨ ਬਕਸਾ ਹੈ।
ਮੂਲ ਸੰਖਿਆ ਮੁੱਲ ਇੱਕ ਫੈਕਟਰ ਸੰਕੇਤ ਕਰਦਾ ਹੈ ਜੋ ਉਪਭਾਵਾਂ ਵੱਲ ਵਧੇਗਾ ਨਹੀਂ ਸਗੋਂ ਮੁੱਲ ਦੀ ਗਣਨਾ ਕਰੇਗਾ।
ਇਸ ਵੀ ਦੇਖੋ:
CSS ਸਿਖਲਾਈCSS متن
HTML DOM ਸੂਚੀਕਰਣlineHeight ਪਰੋਪਰਟੀ
ਉਦਾਹਰਣ
ਪ੍ਰਤੀਸ਼ਤ ਲਾਈਨ ਹਾਈਟ ਸੈਟ ਕਰੋ:
p.small {line-height:90%}
p.big {line-height:200%}
（ਇਸ ਪੰਨੇ ਦੇ ਹੇਠਾਂ ਹੋਰ ਉਦਾਹਰਨਾਂ ਨੂੰ ਦੇਖੋ）
CSS ਗਰਾਫੀਕਸ
line-height: normal|number|length|initial|inherit;
ਪਰੋਪਰਟੀ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| normal | ਮੂਲ ਮੁੱਲ।ਸਹੀ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕਰੋ। |
| number | ਸੰਖਿਆ ਸੈਟ ਕਰੋ, ਇਹ ਸੰਖਿਆ ਮੌਜੂਦਾ ਫੰਟ ਸਾਈਜ਼ ਨਾਲ ਗੁਣਾ ਕੇ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕਰੇਗਾ。 |
| length | ਸਥਾਈ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕਰਨਾ |
| % | ਮੌਜੂਦਾ ਫੰਟ ਸਾਈਜ਼ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ ਪ੍ਰਤੀਸ਼ਤ ਲਾਈਨ ਸਪੇਸਿੰਗ |
| inherit | line-height ਪਰੋਪਰਟੀ ਦਾ ਮੂਲ ਮੁੱਲ ਪਿਤਾ ਇਲੈਕਟ੍ਰੌਨ ਤੋਂ ਲੈਣਾ ਚਾਹੀਦਾ ਹੈ। |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | normal |
|---|---|
| ਪ੍ਰਵਾਹ: | ਹਾਂ |
| ਸੰਸਕਰਣ: | CSS1 |
| JavaScript ਗਰਾਫੀਕਸ: | object.style.lineHeight="2" |
TIY ਪ੍ਰਤੀਯੋਗ
- ਪ੍ਰਤੀਸ਼ਤ ਦੀ ਵਰਤੋਂ ਨਾਲ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕਰਨਾ
- ਇਸ ਪ੍ਰਤੀਯੋਗ ਨੂੰ ਇਹ ਦਿਖਾਉਣ ਕਿ ਕਿਵੇਂ ਪ੍ਰਤੀਸ਼ਤ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਨਾਲ ਪੈਰਾਗ੍ਰਾਫ ਦੀ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。
- ਪਿਕਸਲ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਨਾਲ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕਰਨਾ
- ਇਸ ਪ੍ਰਤੀਯੋਗ ਨੂੰ ਇਹ ਦਿਖਾਉਣ ਕਿ ਕਿਵੇਂ ਪਿਕਸਲ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਨਾਲ ਪੈਰਾਗ੍ਰਾਫ ਦੀ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。
- ਸੰਖਿਆ ਦੀ ਵਰਤੋਂ ਨਾਲ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕਰਨਾ
- ਇਸ ਪ੍ਰਤੀਯੋਗ ਨੂੰ ਇਹ ਦਿਖਾਉਣ ਕਿ ਕਿਵੇਂ ਇੱਕ ਸੰਖਿਆ ਨੂੰ ਵਰਤ ਕੇ ਪੈਰਾਗ੍ਰਾਫ ਦੀ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。
ਬਰਾਊਜ਼ਰ ਮਦਦ
ਸਾਰੇ ਪਰੋਪਰਟੀ ਦੀ ਪੂਰੀ ਮਦਦ ਦੇਣ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਊਜ਼ਰ ਦੀ ਸੰਖਿਆ ਪਰਿਭਾਸ਼ਿਤ ਹੈ।
| چروم | آئی ای / ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- ਪਿਛਲੀ ਪੰਨਾ letter-spacing
- آئندہ پہلہ لیسٹ-استائل
