CSS text-decoration egenskab

Definisjon og bruk

text-decoration egenskapen definerer dekorasjonene som legges til i teksten.

Kommentarer:Fargen på dekorasjonen settes av "color"-egenskapen.

Beskrivelse

Denne egenskapen tillater å sette en viss effekt på teksten, som å legge til understreking. Hvis etterkommere ikke har egne dekorationer, vil dekorationen som er satt på ancestor-elementet "utvide" til etterkommere. Blink krever ikke støtte fra brukeragenten.

Se også:

CSS undervisning:CSS tekst

HTML DOM referansehåndbok:textDecoration egenskap

Eksempel

Sett tekstdekorasjon for h1, h2, h3, h4 elementer:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Prøv selv

CSS syntaks

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
text-decoration-line Sett typen tekstdekorasjon som skal brukes (f.eks. understreking, overstreking, strek).
text-decoration-color Sett fargen på tekstdekorasjonen.
text-decoration-style Sett stilen på tekstdekorasjonen (f.eks. fyldig, bølget, punktlinje, stiplede, dobbeltlinje).
text-decoration-thickness Sett tykkelsen på dekorasjonslinjen.
initial Sett denne egenskapen til standardverdien. Se initial.
inherit Arv denne egenskapen fra foreldrelementet. Se inherit.

Teknisk detalj

Standardverdi: ingen
Arvbarhet: nei
Versjon: CSS1
JavaScript syntaks: object.style.textDecoration="overline"

Flere eksempler

Dekoreret tekst
Dette eksempelet viser hvordan du legger til dekorasjoner i tekst.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5