CSS text-decoration-thickness egenskap

Kursrekommendationer:

Definition och användning

text-decoration-thickness-egenskap definierar tjockleken på dekorationen.

Se också:CSS-referenshandbok:

text-decoration-egenskapCSS text

CSS-lärobok:

Exempel

För <h1>、<h2>、<h3>、<h4>-elementen ställ in olika tjocklekar på dekorationer:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Använd förenklad egenskap */
h4 {
  text-decoration: underline solid red 50%;
}

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
auto Webbläsaren väljer tjockleken på dekorationen.
from-font Om teckenuppsättningen innehåller information om förinställd tjocklek, använd detta värde. Om inte, visas det som auto.
length/percentage Definierar tjockleken som en längdvärde eller en procentsats.
initial Sätt detta egenskap till dess standardvärde. Se vidare initial.
inherit Inheriterar detta egenskap från föräldrelementet. Se vidare inherit.

Tekniska detaljer

Standardvärde: auto
Arv: Nej
Animeringsproduktion: Stöds inte. Se vidare:Animeringsrelaterade egenskaper.
Version: CSS4
JavaScript-syntax: object.style.textDecorationThickness="5px"

Webbläsarstöd

Talen i tabellen anger den första webbläsareversion som helt stöder detta egenskap.

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