Savybė text-fill-color
Savybė text-fill-color property nustato
teksto simbolių užpildo spalvą arba jų permatomumą
naudojant reikšmę transparent.
Sintaksė
selektorius {
text-fill-color: spalva arba transparent;
}
Pavyzdys
Suteikkime mūsų tekstui gradientinį užpildą su permatomumu:
<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;
}
:
Taip pat žiūrėkite
-
savybė
text-stroke,
kuri nustato teksto kontūrą -
savybė
text-stroke-color,
kuri nustato teksto kontūro spalvą -
savybė
text-stroke-width,
kuri nustato teksto kontūro storį