CSS Tekst Mellemrum

Tekst indrykning

text-indent Egenskaben bruges til at specificere indrykning af første linje i teksten:

Eksempel

p {
  text-indent: 50px;
}

Prøv det selv

Bogstaver mellemrum

letter-spacing Egenskaben bruges til at specificere afstanden mellem bogstaverne i teksten.

Følgende eksempel viser, hvordan du kan øge eller reducere afstanden mellem bogstaverne:

Eksempel

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

Prøv det selv

Linjehøjde

line-height Egenskaben bruges til at specificere afstanden mellem linjer:

Eksempel

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

Prøv det selv

Ordstaving

word-spacing Egenskaben bruges til at specificere afstanden mellem ord i teksten.

Følgende eksempel viser, hvordan man øger eller reducerer afstanden mellem ord:

Eksempel

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

Prøv det selv

Tomrum

white-space Egenskaben specificerer, hvordan tomrummet inde i elementet håndteres.

Dette eksempel viser, hvordan man deaktiverer linjeskift inden for elementets tekst:

Eksempel

p {
  white-space: nowrap;
}

Prøv det selv