Īpašība text-fill-color
Īpašība text-fill-color property nosaka
teksta simbolu aizpildījuma krāsu vai to caurspīdīgumu
izmantojot vērtību transparent.
Sintakse
selektors {
text-fill-color: krāsa vai transparent;
}
Piemērs
Uzstādīsim mūsu tekstam gradienta aizpildījumu ar caurspīdīgumu:
<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;
}
:
Skatiet arī
-
īpašība
text-stroke,
kas nosaka teksta apmali -
īpašība
text-stroke-color,
kas nosaka teksta apmales krāsu -
īpašība
text-stroke-width,
kas nosaka teksta apmales biezumu
