Atrybut wordSpacing stylu

Definicja i użycie

wordSpacing Atrybut ustawia lub zwraca odstęp między słowami w tekście.

Wskazówka:Aby ustawić lub zwrócić odstęp między znakami w tekście, użyj: Atrybut letterSpacing.

Inne źródła:

CSS KursTekst CSS

CSS Księga pórAtrybut word-spacing

Przykład

Przykład 1

Ustawienie odległości między słowami elementu <p> na 50 pikseli:

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

Spróbuj sam

Przykład 2

Użycie ujemnych wartości:

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

Spróbuj sam

Przykład 3

Zwrócona szerokość słów elementu <p>:

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

Spróbuj sam

Przykład 4

Różnica między atrybutem letterSpacing a wordSpacing:

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

Spróbuj sam

Gramatyka

Zwrócenie właściwości wordSpacing:

object.style.wordSpacing

Ustawienie właściwości wordSpacing:

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

Wartość atrybutu

Wartość Opis
normal Definiuje normalny odstęp między słowami. Domyślny.
length Określa odstęp między słowami w jednostkach długości. Dopuszcza ujemne wartości.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: normal
Zwracana wartość: łańcuch, który oznacza spację między słowami w tekście.
CSS wersja: CSS1

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane