CSS text-decoration -ominaisuus

Määrittely ja käyttö

text-decoration-ominaisuus määrittelee tekstin lisättävän korostuksen.

Huomautus:Korostuksen väri asetetaan "color"-ominaisuudella.

Kuvaus

Tämä ominaisuus mahdollistaa tekstin tietyn vaikutuksen asettamisen, kuten alle merkinnän. Jos jälkeläisillä elementeillä ei ole omaa korostusta, isovanhempien elementissä asetettu korostus "levittäytyy" jälkeläisiin elementteihin. Blink-ominaisuutta ei vaadita käyttäjäagentin tukea.

Lisäksi:

CSS-opetusohjelma:CSS teksti

HTML DOM -viittausoppikirja:textDecoration-ominaisuus

Esimerkki

Aseta h1, h2, h3, h4-elementtien tekstin korostus:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
text-decoration-line Aseta käytettävä tekstin korostustyyppi (esim. alapuoli, yläpuoli, poisto).
text-decoration-color Aseta tekstin korostuksen väri.
text-decoration-style Aseta tekstin korostuksen tyyli (esim. täysin täydellinen, aalto, pisteet, viiva, tyhjät viivat).
text-decoration-thickness Aseta korostuslinjan paksuus.
initial Aseta tämä ominaisuus oletusarvoonsa. Katso initial.
inherit Perii tämän ominaisuuden isältään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: ei
Perintä: ei
Versio: CSS1
JavaScript-kieli: object.style.textDecoration="overline"

Lisää esimerkkejä

Korostettu teksti
Tämä esimerkki näyttää, miten voit lisätä tekstiin korostusta.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

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