Style wordSpacing ਗੁਣ

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

wordSpacing ਗੁਣ ਸੈਟ ਕਰੋ ਜਾਂ ਟੈਕਸਟ ਵਿੱਚ ਸ਼ਬਦਾਂ ਦੀ ਦੂਰੀ ਵਾਪਸੀ ਕਰੋ。

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

ਹੋਰ ਸੰਦਰਭ:

CSS ਸਿੱਖਿਆ ਪੁਸਤਕ:CSS متن

CSS ਸੰਦਰਭ ਪੁਸਤਕ:word-spacing ਗੁਣ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

<p> ਐਲੀਮੈਂਟ ਵਿੱਚ ਸ਼ਬਦਾਂ ਦੀ ਦੂਰੀ 50 ਪਿਕਸਲ ਸੈਟ ਕਰੋ:

document.getElementById("myP").style.wordSpacing = "50px";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

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

document.getElementById("myP").style.wordSpacing = -3px";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

ਵਾਪਸੀ <p> ਐਲੀਮੈਂਟ ਦੀ ਸ਼ਬਦ ਦੂਰੀ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 4

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

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸਿਧਾਂਤ

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

object.style.wordSpacing

wordSpacing ਗੁਣ ਸੈਟ ਕਰੋ:

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

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵਾ

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

بھرپائی کا سروسیز

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