Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Teknikker for Tekstformatering for Lesbarhet | Stile Tekst i CSS
CSS-Grunnleggende

bookTeknikker for Tekstformatering for Lesbarhet

line-height

line-height styrer den vertikale avstanden mellom tekstlinjer. Nettlesere setter en standardverdi basert på skrifttypen, men du kan tilpasse den ved å bruke flere formater:

line-height: multiplier | value in px | value in em | percent
  • multiplier enhetsløs verdi som 1.5 multipliserer font-size;
  • value in px spesifikk høyde, f.eks. 24px;
  • value in em relativ verdi, liknende multiplier (1.4em = font-size × 1.4);
  • percent fungerer som multiplier (120% = font-size × 1.2).
index.html

index.html

styles.css

styles.css

copy

Utdata

letter-spacing

letter-spacing angir horisontal avstand mellom tegn.

letter-spacing: normal | value in px | value in em
  • normal: standard avstand;
  • value in px: fast ekstra avstand;
  • value in em: avstand relativt til font-size.
index.html

index.html

styles.css

styles.css

copy

Utdata

word-spacing

word-spacing justerer avstanden mellom ordene.

word-spacing: value | inherit | normal
  • value: egendefinert avstand;
  • inherit: bruker avstanden fra overordnet element;
  • normal: standard avstand.
index.html

index.html

styles.css

styles.css

copy

Utdata

text-shadow

text-shadow legger til skygger på tekst. Den aksepterer fire verdier:

text-shadow: "X set" | "Y set" | "blur radius" | "color"
  • X set: horisontal forskyvning;
  • Y set: vertikal forskyvning;
  • blur radius: mykhet på skyggen (0 = skarp);
  • color: enhver gyldig farge, standard er gjeldende tekstfarge.
index.html

index.html

styles.css

styles.css

copy

Utdata

Note
Merk

Ved tekstformatering finnes det ingen strenge regler for hvilke verdier som må brukes i bestemte situasjoner. Valg av tekstformateringsegenskaper og -verdier avhenger av prosjektets unike krav og det visuelle designet.

1. Hvilken CSS-egenskap brukes for å lage en visuell effekt som legger skygge til tekst?

2. Hvilken CSS-egenskap justerer avstanden mellom ord i en tekst?

question mark

Hvilken CSS-egenskap brukes for å lage en visuell effekt som legger skygge til tekst?

Select the correct answer

question mark

Hvilken CSS-egenskap justerer avstanden mellom ord i en tekst?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

bookTeknikker for Tekstformatering for Lesbarhet

Sveip for å vise menyen

line-height

line-height styrer den vertikale avstanden mellom tekstlinjer. Nettlesere setter en standardverdi basert på skrifttypen, men du kan tilpasse den ved å bruke flere formater:

line-height: multiplier | value in px | value in em | percent
  • multiplier enhetsløs verdi som 1.5 multipliserer font-size;
  • value in px spesifikk høyde, f.eks. 24px;
  • value in em relativ verdi, liknende multiplier (1.4em = font-size × 1.4);
  • percent fungerer som multiplier (120% = font-size × 1.2).
index.html

index.html

styles.css

styles.css

copy

Utdata

letter-spacing

letter-spacing angir horisontal avstand mellom tegn.

letter-spacing: normal | value in px | value in em
  • normal: standard avstand;
  • value in px: fast ekstra avstand;
  • value in em: avstand relativt til font-size.
index.html

index.html

styles.css

styles.css

copy

Utdata

word-spacing

word-spacing justerer avstanden mellom ordene.

word-spacing: value | inherit | normal
  • value: egendefinert avstand;
  • inherit: bruker avstanden fra overordnet element;
  • normal: standard avstand.
index.html

index.html

styles.css

styles.css

copy

Utdata

text-shadow

text-shadow legger til skygger på tekst. Den aksepterer fire verdier:

text-shadow: "X set" | "Y set" | "blur radius" | "color"
  • X set: horisontal forskyvning;
  • Y set: vertikal forskyvning;
  • blur radius: mykhet på skyggen (0 = skarp);
  • color: enhver gyldig farge, standard er gjeldende tekstfarge.
index.html

index.html

styles.css

styles.css

copy

Utdata

Note
Merk

Ved tekstformatering finnes det ingen strenge regler for hvilke verdier som må brukes i bestemte situasjoner. Valg av tekstformateringsegenskaper og -verdier avhenger av prosjektets unike krav og det visuelle designet.

1. Hvilken CSS-egenskap brukes for å lage en visuell effekt som legger skygge til tekst?

2. Hvilken CSS-egenskap justerer avstanden mellom ord i en tekst?

question mark

Hvilken CSS-egenskap brukes for å lage en visuell effekt som legger skygge til tekst?

Select the correct answer

question mark

Hvilken CSS-egenskap justerer avstanden mellom ord i en tekst?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2
some-alt