CSS text-decoration egenskap

Definition och användning

text-decoration egenskapen specificerar de dekorationer som läggs till texten.

Kommentar:Färgen på dekorationen ställs in av "color"-egenskapen.

Förklaring

Denna egenskap tillåter att text får en viss effekt, som understrykning. Om efterkommande element inte har egna dekorationer, sträcker sig dekorationen som är satt på ancesstern till efterkommande element. Kräver inte att användaragenten stöder blink.

Se också:

CSS tutorial:CSS text

HTML DOM referenshandbok:textDecoration egenskapen

Exempel

Ställ in textdekoration för elementen h1, h2, h3, h4:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
text-decoration-line Ställ in den textdekorationstyp som ska användas (t.ex. understrykning, överstrykning, streck).
text-decoration-color Ställ in färgen för textdekorationen.
text-decoration-style Ställ in stilen för textdekorationen (t.ex. fyllt, vågformad, punktlinje, punktlinje, dubbel linje).
text-decoration-thickness Ställ in tjockleken på dekorationens linje.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Inheriterar detta egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: ingen
Ärvnad: nej
Version: CSS1
JavaScript-syntax: object.style.textDecoration="overline"

Fler exempel

Dekorerad text
Detta exempel visar hur man lägger till dekorationer till text.

Webbläsarstöd

Numreringen i tabellen anger den första webbläsarens version som helt stöder detta egenskap.

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