Style letterSpacing ਗੁਣ

ਵਿਆਖਿਆ ਅਤੇ ਇਸਤੇਮਾਲ

letterSpacing ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਲਈ ਟੈਕਸਟ ਵਿੱਚ ਅੱਖਰਾਂ ਦਰਮਿਆਨ ਦੀ ਦੂਰੀ (ਚਿੱਤਰ ਦੂਰੀ) ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ。

ਸੁਝਾਅ:ਟੈਕਸਟ ਵਿੱਚ ਸਵਾਬ ਦਰਮਿਆਨ ਦੀ ਦੂਰੀ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਲਈ ਇਸਤੇਮਾਲ ਕਰੋ wordSpacing ਗੁਣ

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS لکچر

CSS ਸੰਦਰਭ ਮੁੱਲਕਾਰletter-spacing ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

<p> ਐਲੀਮੈਂਟ ਵਿੱਚ ਅੱਖਰਾਂ ਦਰਮਿਆਨ ਦੀ ਦੂਰੀ 15 ਪਿਕਸਲ ਵਿੱਚ ਸੈਟ ਕਰੋ:

document.getElementById("myP").style.letterSpacing = "15px";

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਨਕਾਰਾਤਮਕ ਮੁੱਲ ਦਾ ਇਸਤੇਮਾਲ:

document.getElementById("myP").style.letterSpacing = "-2px";

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਵਾਪਸੀ <p> ਐਲੀਮੈਂਟ ਦੇ ਅੱਖਰਾਂ ਦੀ ਦੂਰੀ:

alert(document.getElementById("myP").style.letterSpacing);

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 4

letterSpacing ਗੁਣ ਅਤੇ wordSpacing ਗੁਣ ਦਾ ਅਲਗ ਹੋਣਾ:

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਿਧਾਂਤ

letterSpacing ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.letterSpacing

letterSpacing ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.letterSpacing = "normal|length|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
normal ਅੱਖਰਾਂ ਦਰਮਿਆਨ ਦੀ ਨਿਰਧਾਰਿਤ ਦੂਰੀ। ਮੂਲ ਮੁੱਲ。
length ਲੰਬਾਈ ਇਕਾਈ ਨਾਲ ਦੂਰੀ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਦੀ ਪ੍ਰਵਾਨਗੀ ਹੈ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial
inherit ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਉਤਾਰੇ ਲੈਣ ਸਕਦੇ ਹਨ। ਦੇਖੋ inherit

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: normal
ਵਾਪਸੀ ਮੁੱਲ: ਸਟ੍ਰਿੰਗ, ਜੋ ਕਿ ਟੈਕਸਟ ਵਿੱਚ ਅੱਖਰਾਂ ਦਰਮਿਆਨ ਦੀ ਦੂਰੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

بھرپائی براہ راست

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی