CSS text-decoration-thickness egenskab

Kursanbefaling:

Definisjon og bruk

text-decoration-thickness-egenskapen definerer tykkelsen på dekorasjonslinjen.

Se også:text-decoration-egenskap

CSS-læringskurs:CSS tekst

Eksempel

Sett forskjellige tykkelser på dekorasjonslinjer for <h1>、<h2>、<h3>、<h4> elementer:

h1 {
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Bruk kortform av egenskap */
h4 {
  text-decoration: underline solid red 50%;
}

Prøv selv

CSS-syntaks

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

Egenskapsverdi

Verdi Beskrivelse
auto Nettleseren velger tykkelsen på dekorasjonslinjen.
from-font Hvis字体文件包含有关首选粗细的信息，请使用该值。如果没有，则表现为 auto。
length/percentage Definer tykkelse som lengdeverdi eller prosentverdi.
initial Sett denne egenskapen til sin standardverdi. Se også initial.
inherit Arv denne egenskapen fra sin overordnede element. Se også inherit.

Teknisk detalj

Standardverdi: auto
Arv: Nei
Animasjonsproduksjon: Ikke støttet. Se også:Animasjonsrelaterte egenskaper.
Versjon: CSS4
JavaScript-syntaks: object.style.textDecorationThickness="5px"

Nettleserstøtte

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

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