CSS-tekstin välit

Tekstin sisennys

text-indent Atribuutti määrittää tekstin ensimmäisen rivin sisennystä:

Esimerkki

p {
  text-indent: 50px;
}

Kokeile itse

Kirjainten välistä etäisyyttä

letter-spacing Atribuutti määrittää tekstin kirjainten välistä etäisyyttä.

Seuraava esimerkki näyttää, kuinka voit lisätä tai vähentää kirjainten välistä etäisyyttä:

Esimerkki

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Kokeile itse

Riviväli

line-height Ominaisuus määrittää rivien välistä etäisyyttä:

Esimerkki

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Kokeile itse

Sana-etäisyys

word-spacing Ominaisuus määrittää tekstin sanavälejä.

Seuraava esimerkki näyttää, miten voit lisätä tai vähentää sanavälejä:

Esimerkki

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Kokeile itse

Tyhjyys

white-space Ominaisuus määrittää elementin sisällä olevan tyhjyyden käsittelyn tavan.

Tämä esimerkki näyttää, miten voit estää tekstin rivinvaihdon elementin sisällä:

Esimerkki

p {
  white-space: nowrap;
}

Kokeile itse