CSS text-decoration-thickness eigenschap

Aanbevolen cursus:

Definitie en gebruik

text-decoration-thickness eigenschap definieert de dikte van de decoratieve lijn.

Zie ook:CSS Referentiemanual:

text-decoration eigenschapCSS tekst

CSS Handleiding:

Voorbeeld

Stel verschillende diktes van decoratieve lijnen in voor de <h1>、<h2>、<h3>、<h4> elementen:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Gebruik de verkorte eigenschap */
h4 {
  text-decoration: underline solid red 50%;
}

Probeer het zelf uit

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
auto De browser kiest de dikte van de decoratieve lijn.
from-font Als het lettertypebestand informatie bevat over de voorkeurdikte, gebruik dan deze waarde. Als dat niet het geval is, wordt dit weergegeven als auto.
length/percentage Stel de dikte in als een lengtewaarde of een percentage.
initial Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap overnemen van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inherit: Nee
Animatie maken: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS4
JavaScript syntaxis: object.style.textDecorationThickness="5px"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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