text-fill-color häsiýeti
text-fill-color häsiýeti
tekst simwollarynyň dolduryş reňkini ýa-da geçirijiligini
transparent bahasy bilen kesgitleýär.
Sintaksis
selektor {
text-fill-color: reňk ýa-da transparent;
}
Mysal
Tekstimize gradient dolduryş we geçirijilik bereliň:
<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;
}
:
Şeýle-de görüň
-
text-strokehäsiýeti,
tekstiň konturyny kesgitleýär -
text-stroke-colorhäsiýeti,
tekstiň kontur reňkini kesgitleýär -
text-stroke-widthhäsiýeti,
tekstiň konturynyň galyňlygyny kesgitleýär
