Thuộc tính text-fill-color
Thuộc tính text-fill-color property thiết lập
màu sắc tô cho các ký tự văn bản hoặc độ trong suốt
của chúng bằng giá trị transparent.
Cú pháp
selector {
text-fill-color: color hoặc transparent;
}
Ví dụ
Hãy thiết lập cho văn bản của chúng ta một màu tô gradient với độ trong suốt:
<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;
}
:
Xem thêm
-
thuộc tính
text-stroke,
thiết lập đường viền cho văn bản -
thuộc tính
text-stroke-color,
thiết lập màu sắc cho đường viền văn bản -
thuộc tính
text-stroke-width,
thiết lập độ dày cho đường viền văn bản
