CSS letter-spacing ਪ੍ਰਾਪਰਟੀ
- ਪਿਛਲੀ ਪੰਨਾ ਲੈਫਟ
- ਅਗਲਾ ਪੰਨਾ line-height
ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ
letter-spacing ਵਿਸ਼ੇਸ਼ਤਾ ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਦੀ ਜਗ੍ਹਾ ਵਧਾਉਣ ਜਾਂ ਘਟਾਉਣ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ (ਅੱਕਸ਼ਰ ਅੰਤਰ)。
ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਟੈਕਸਟ ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਜਗ੍ਹਾ ਦੇ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ।ਕਿਉਂਕਿ ਅੱਕਸ਼ਰਾਂ ਦੇ ਚਿੱਤਰ ਅਕਸਰ ਉਨ੍ਹਾਂ ਦੇ ਚਿੱਤਰ ਚੁੱਕੇ ਹੋਏ ਚੌਕੇ ਤੋਂ ਸ਼ਾਇਦ ਕੁਝ ਘੱਟ ਹੁੰਦੇ ਹਨ, ਇਸ ਲਈ ਨਿਰਧਾਰਿਤ ਲੰਬਾਈ ਮੁੱਲ ਨਾਲ ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਆਮ ਅੰਤਰ ਵਧਾਉਣ ਦਾ ਫਲਾਣਾ ਹੁੰਦਾ ਹੈ।ਇਸ ਲਈ normal ਮੁੱਲ ਇਸ ਤੋਂ 0 ਹੁੰਦਾ ਹੈ。
ਟਿੱਪਣੀ:ਨੈਗਾਟਿਵ ਮੁੱਲ ਵਰਤਿਆ ਜਾਣ ਨਾਲ ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਸਪਸ਼ਟ ਹੋ ਜਾਵੇਗਾ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ ਮੁੱਦਾ:CSS ਟੈਕਸਟ
HTML DOM ਸੂਚੀਕਰਣ ਮੁੱਦਾ:letterSpacing ਵਿਸ਼ੇਸ਼ਤਾ
ਉਦਾਹਰਣ
h1 ਅਤੇ h2 ਐਲੀਮੈਂਟਾਂ ਦੇ ਅੱਕਸ਼ਰ ਅੰਤਰ ਨੂੰ ਸੈਟ ਕਰੋ:
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
CSS ਗਰੰਟਾਂ:
letter-spacing: normal|length|initial|inherit;
ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| normal | ਮੂਲਭੂਤ |
| length | ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਸਥਾਈ ਜਗ੍ਹਾ ਨਿਰਧਾਰਿਤ ਕਰਨਾ (ਨੈਗਾਟਿਵ ਮੁੱਲ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ)。 |
| inherit | ਪੂਰਵ ਤੋਂ ਲੈਕੇ ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਦੂਰੀ ਦੇ ਮੁੱਲ ਨੂੰ ਲੈਣਾ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲਭੂਤ ਮੁੱਲ: | normal |
|---|---|
| ਵਿਰਾਸਤੀਤਾ: | ਹਾਂ |
| ਵਰਜਨ: | CSS1 |
| JavaScript ਗਰੰਟਾਂ: | object.style.letterSpacing="3px" |
ਹੋਰ ਉਦਾਹਰਣ
- ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਦੂਰੀ ਨਿਰਧਾਰਿਤ ਕਰਨਾ (ਅੱਕਸ਼ਰ ਅੰਤਰ)
- ਇਸ ਪ੍ਰਾਮਾਣ ਵਿੱਚ ਕਿਵੇਂ ਅੱਕਸ਼ਰਾਂ ਦਰਮਿਆਨ ਦੂਰੀ ਵਧਾਉਣ ਜਾਂ ਘਟਾਉਣ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕੀਤਾ ਗਿਆ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ
ਸਪਸ਼ਟ ਕੀਤਾ ਗਿਆ ਹੈ ਕਿ ਜਿਸ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਵਿੱਚ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥ ਹੈ。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- ਪਿਛਲੀ ਪੰਨਾ ਲੈਫਟ
- ਅਗਲਾ ਪੰਨਾ line-height
