CSS ਲਾਇਨ ਫਾਸਲਾ ਕਰਨ ਲਈ CSS ਲਾਈਨ-ਉਚਾਈ ਦੀ ਵਰਤੋਂ
ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਤੇ ਤੁਹਾਡੀ ਲਾਈਨ ਵਿੱਥ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਨ ਲਈ CSS ਸਟਾਈਲ ਪ੍ਰਾਪਰਟੀ ਲਾਈਨ-ਉਚਾਈ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ ਸਿੱਖੋ.
CSS ਲਾਈਨ ਸਪੇਸ ਦੇ ਮੁੱਲ
CSS ਲਾਈਨ ਸਪੇਸਿੰਗ CSS ਸਟਾਇਲ ਪ੍ਰਾਪਰਟੀ ਲਾਈਨ-ਉਚਾਈ ਦੁਆਰਾ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦੀ ਹੈ. ਇਹ ਜਾਇਦਾਦ 5 ਵੱਖ-ਵੱਖ ਮੁੱਲਾਂ ਤੱਕ ਲੈਂਦਾ ਹੈ:
- ਸਧਾਰਨ: ਬਰਾਊਜ਼ਰ ਫੌਂਟ ਸਾਈਜ਼ ਨਾਲ ਸਬੰਧਿਤ ਲਾਈਨ ਸਪੇਸ ਲਈ ਇੱਕ ਵੈਲਯੂ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ. ਇਹ ਆਮ ਤੌਰ ਤੇ ਫੌਂਟ ਸਾਈਜ਼ ਜਾਂ ਥੋੜ੍ਹਾ ਜਿਹਾ ਵੱਡਾ ਹੁੰਦਾ ਹੈ (ਜਿਵੇਂ 20%).
- ਪ੍ਰਾਪਤ ਕਰੋ: ਪੇਰੇਂਟ ਐਲੀਮੈਂਟ ਦੇ ਲਾਈਨ ਸਪੇਸਿੰਗ ਤੋਂ ਲਕੀਰ ਅੰਕਾਂ ਨੂੰ ਲੈਕੇ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਸ ਲਈ ਜੇਕਰ ਤੁਸੀਂ ਆਪਣੇ ਸਰੀਰ ਦੇ ਟੈਗ ਦੀ ਲਾਈਨ-ਉਚਾਈ ਨੂੰ ਫੌਂਟ ਸਾਈਜ਼ ਤੋਂ 30% ਵੱਡਾ ਲਗਾਉਂਦੇ ਹੋ ਅਤੇ ਉਨ੍ਹਾਂ ਦੇ ਅੰਦਰ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗਸ ਨੂੰ ਵਾਰਸ ਕਰਨ ਲਈ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਉਹਨਾਂ ਕੋਲ ਫੌਂਟ-ਸਾਈਜ਼ ਤੋਂ 30% ਵੱਡਾ ਲਾਈਨ-ਉਚਾਈ ਵੀ ਹੋਵੇਗੀ.
- ਇੱਕ ਨੰਬਰ: ਜੇਕਰ ਲਾਈਨ-ਉਚਾਈ ਦੇ ਮੁੱਲ ਦਾ ਕੋਈ ਇਕਾਈ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਹ ਲਾਈਨ ਉਚਾਈ ਲਈ ਫੌਂਟ ਸਾਈਜ਼ ਤੇ ਮਲਟੀਪਲੀਅਰ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ. ਇਸ ਲਈ 1.25 ਦੀ ਲਾਈਨ-ਉਚਾਈ ਫ਼ੌਂਟ ਸਾਈਜ਼ ਨਾਲੋਂ 25% ਵੱਧ ਹੋਵੇਗੀ.
- ਇਕ ਲੰਬਾਈ: ਜੇ ਲਾਈਨ-ਉਚਾਈ ਦੇ ਵੈਲਯੂ ਵਿਚ ਮਾਪ ਦੀ ਇਕ ਇਕਾਈ ਹੁੰਦੀ ਹੈ, ਤਾਂ ਇਹ ਉਸ ਥਾਂ ਦੀ ਸਹੀ ਮਾਤਰਾ ਹੁੰਦੀ ਹੈ ਜਿਸ ਵਿਚ ਲਾਈਨਾਂ ਦੇ ਵਿਚਕਾਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਸ ਲਈ, 1.25 ਮਿਲੀਮੀਟਰ ਦੇ ਨਤੀਜੇ ਵਜੋਂ ਲਾਈਨਾਂ 1.25 ਮਿਲੀਮੀਟਰ ਵੱਖਰੇ ਹੋਣਗੇ.
- ਪ੍ਰਤੀਸ਼ਤਤਾ: ਜੇਕਰ ਲਾਈਨ-ਉਚਾਈ ਪ੍ਰਤੀਸ਼ਤਤਾ ਹੈ, ਤਾਂ ਇਹ ਫੋਟ ਦੇ ਅਕਾਰ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਹੋਵੇਗਾ ਇਸ ਲਈ 125% ਦੀ ਲਾਈਨ-ਉਚਾਈ ਫ਼ੌਂਟ ਸਾਈਜ਼ ਨਾਲੋਂ 25% ਵੱਧ ਹੋਵੇਗੀ.
ਕਿਹੜਾ ਮੁੱਲ ਤੁਹਾਨੂੰ ਸੀਐਸਐਸ ਲਾਈਨ ਸਪੇਸਿੰਗ ਲਈ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ
ਜ਼ਿਆਦਾਤਰ ਮਾਮਲਿਆਂ ਵਿੱਚ, ਲਾਈਨ ਸਪੇਸਿੰਗ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਵਿਕਲਪ ਇਹ ਡਿਫਾਲਟ ਤੇ ਛੱਡਣਾ ਹੈ - ਜਾਂ "ਸਧਾਰਣ" ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਸਭ ਤੋਂ ਵੱਧ ਪੜ੍ਹਨਯੋਗ ਹੁੰਦਾ ਹੈ ਅਤੇ ਇਸ ਦੀ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ ਹੈ ਕਿ ਤੁਸੀਂ ਕੁਝ ਖਾਸ ਕਰਦੇ ਹੋ. ਪਰ ਲਾਈਨ ਸਪੇਸਿੰਗ ਨੂੰ ਬਦਲਣ ਨਾਲ ਤੁਹਾਡੇ ਟੈਕਸਟ ਨੂੰ ਇੱਕ ਵੱਖਰੀ ਮਹਿਸੂਸ ਹੋ ਸਕਦੀ ਹੈ.
ਜੇ ਤੁਹਾਡਾ ਫੌਂਟ ਸਾਈਜ਼ ਈਮਜ਼ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਤੌਰ ਤੇ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ , ਤਾਂ ਤੁਹਾਡੀ ਲਾਈਨ-ਉਚਾਈ ਵੀ ਉਸ ਤਰੀਕੇ ਨਾਲ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤੀ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ ਇਹ ਲਾਈਨ ਸਪੇਸਿੰਗ ਦਾ ਸਭ ਤੋਂ ਲਚਕੀਲਾ ਰੂਪ ਹੈ ਕਿਉਂਕਿ ਇਹ ਰੀਡਰ ਨੂੰ ਆਪਣੇ ਫੌਂਟਸ ਦਾ ਆਕਾਰ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੀ ਲਾਈਨ ਸਪੇਸਿੰਗ ਤੇ ਉਸੇ ਅਨੁਪਾਤ ਨੂੰ ਰੱਖਦਾ ਹੈ.
ਇੱਕ ਬਿੰਦੂ (ਪੀਟੀ) ਮੁੱਲ ਨਾਲ ਪ੍ਰਿੰਟ ਸਟਾਈਲ ਸ਼ੀਟ ਲਈ ਲਾਈਨ ਉਚਾਈ ਸੈਟ ਕਰੋ. ਬਿੰਦੂ ਇੱਕ ਪ੍ਰਿੰਟ ਮਾਪ ਹੈ, ਅਤੇ ਇਸਲਈ ਤੁਹਾਡੇ ਫੌਂਟ ਸਾਈਜ਼ ਦੇ ਨਾਲ-ਨਾਲ ਬਿੰਦੂਆਂ ਵਿੱਚ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.
ਮੈਂ ਨੰਬਰ ਦੀ ਚੋਣ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਪਸੰਦ ਨਹੀਂ ਕਰਦਾ ਕਿਉਂਕਿ ਮੈਂ ਇਹ ਪਾਇਆ ਹੈ ਕਿ ਇਹ ਲੋਕਾਂ ਲਈ ਸਭ ਤੋਂ ਵੱਧ ਉਲਝਣ ਹੈ. ਬਹੁਤ ਸਾਰੇ ਲੋਕ ਸੋਚਦੇ ਹਨ ਕਿ ਨੰਬਰ ਇੱਕ ਪੂਰਾ ਅਕਾਰ ਹੈ, ਅਤੇ ਇਸ ਲਈ ਉਹ ਇਸ ਨੂੰ ਵੱਡਾ ਬਣਾਉਂਦੇ ਹਨ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਤੁਹਾਡੇ ਕੋਲ 14px ਤੇ ਫੋਂਟ ਸੇਟ ਹੋ ਸਕਦਾ ਹੈ ਅਤੇ ਫਿਰ ਤੁਸੀਂ ਆਪਣੀ ਲਾਈਨ-ਦੀ ਉਚਾਈ 14 ਤੱਕ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ - ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਲਾਈਨਾਂ ਦੇ ਵਿਚਕਾਰ ਵੱਡੀ ਘਾਟ ਹੈ - ਕਿਉਕਿ ਲਾਈਨ ਵਿੱਥ 14 ਵਾਰ ਫੌਂਟ ਸਾਈਜ਼ ਤੇ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ
ਤੁਹਾਡੀ ਲਾਈਨ ਸਪੇਸ ਲਈ ਕਿੰਨੀ ਸਪੇਸ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ
ਜਿਵੇਂ ਕਿ ਮੈਂ ਉੱਪਰ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ, ਮੈਂ ਤੁਹਾਨੂੰ ਡਿਫਾਲਟ ਲਾਈਨ ਸਪੇਸਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕਰਦਾ ਹਾਂ ਜਦੋਂ ਤਕ ਤੁਹਾਡੇ ਕੋਲ ਇਸ ਨੂੰ ਬਦਲਣ ਦਾ ਕੋਈ ਖ਼ਾਸ ਕਾਰਨ ਨਹੀਂ ਹੁੰਦਾ. ਲਾਈਨ ਸਪੇਸਿੰਗ ਨੂੰ ਬਦਲਣ ਨਾਲ ਵੱਖ-ਵੱਖ ਪ੍ਰਭਾਵ ਹੋ ਸਕਦੇ ਹਨ:
- ਜੋ ਪਾਠ ਬਹੁਤ ਜ਼ਿਆਦਾ ਤੰਗ ਹੈ, ਉਹ ਪੜ੍ਹਨਾ ਔਖਾ ਹੋ ਸਕਦਾ ਹੈ. ਪਰ ਛੋਟੀ ਲਾਈਨ ਸਪੇਸ ਟੈਕਸਟ ਦੇ ਮੂਡ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰ ਸਕਦੇ ਹਨ. ਜੇ ਪਾਠ ਨੂੰ ਇਕੱਠਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਇਹ ਪਾਠ ਦੀ ਭਾਵਨਾ ਨੂੰ ਗਹਿਰੇ ਜਾਂ ਜ਼ਿਆਦਾ ਤਣਾਅ ਮਹਿਸੂਸ ਕਰ ਸਕਦਾ ਹੈ.
- ਪਾਠ ਜਿਹੜਾ ਹੋਰ ਵੀ ਅਲੱਗ ਹੈ ਨੂੰ ਪੜਨਾ ਮੁਸ਼ਕਿਲ ਹੋ ਸਕਦਾ ਹੈ. ਪਰ ਵਾਈਡ ਲਾਈਨ ਸਪੇਸਜ਼ ਟੈਕਸਟ ਨੂੰ ਵੱਧ ਵਗਣ ਅਤੇ ਤਰਲ ਪਦਾਰਥ ਬਣਾਉਂਦੇ ਹਨ.
- ਲਾਈਨ ਸਪੇਸਿੰਗ ਨੂੰ ਬਦਲਣਾ ਉਹ ਟੈਕਸਟ ਬਣਾ ਸਕਦਾ ਹੈ ਜੋ ਨਹੀਂ ਤਾਂ ਕਿਸੇ ਸਪੇਸ ਵਿੱਚ ਫਿੱਟ ਨਹੀਂ ਹੋਣੀ, ਵਧੇਰੇ ਸੰਖੇਪ ਹੋਣ ਜਾਂ ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਜ਼ਿਆਦਾ ਸਪੇਸ ਲਵੇ.