CSS text-decoration-thickness -ominaisuus

Kurssivihjeet:

Määritelmä ja käyttö

text-decoration-thickness-ominaisuus määrittää korostuslinjan paksuuden.

Katso myös:text-decoration-ominaisuus

CSS-opas:CSS teksti

Esimerkki

Aseta <h1>、<h2>、<h3>、<h4>-elementtien eri paksuuden korostuslinjat:

h1 {
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Käytä lyhennettyä ominaisuutta */
h4 {
  text-decoration: underline solid red 50%;
}

Kokeile itse

CSS-kieli

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
auto Selain valitsee korostuslinjan paksuuden.
from-font Jos fonttitiedosto sisältää suosituksen paksuudesta, käytä tätä arvoa. Jos ei, se näkyy automaattisena.
length/percentage Määritä paksuus pituusarvon tai prosenttiosuuden avulla.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaation tekeminen: Ei tuettu. Katso:Animaatiot.
Versio: CSS4
JavaScript-kieli: object.style.textDecorationThickness="5px"

Selaimen tuki

Taulukossa olevat numerot antavat ensimmäisen täysin tukevan selaimen version.

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0