Egenskaben text-fill-color
Egenskaben text-fill-color property angiver
farven på udfyldningen af teksttegn eller deres gennemsigtighed
ved hjælp af værdien transparent.
Syntaks
selektor {
text-fill-color: farve eller transparent;
}
Eksempel
Lad os give vores tekst en gradient udfyldning med gennemsigtighed:
<p>
This is a text.
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 26px;
background: linear-gradient(#c42222, #ffef5e);
-webkit-background-clip: text;
background-clip: text;
}
:
Se også
-
egenskaben
text-stroke,
som angiver tekstkontur -
egenskaben
text-stroke-color,
som angiver farven på tekstkonturen -
egenskaben
text-stroke-width,
som angiver tykkelsen på tekstkonturen
