text-fill-color касиети
text-fill-color касиети
текст символдорун толтуруунун түсүн же алардын
ачык-беркинин transparent мааниси аркылуу
белгилейт.
Синтаксис
тандоочу {
text-fill-color: түс же transparent;
}
Мисал
Келгиле, биздин текстибизге градиенттүү толтурууну ачык-берки менен кошолу:
<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;
}
:
Ошондой эле караңыз
-
text-strokeкасиети,
тексттин сызымасын белгилейт -
text-stroke-colorкасиети,
текст сызымасынын түсүн белгилейт -
text-stroke-widthкасиети,
текст сызымасынын калыңдыгын белгилейт