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

cssselector {
  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:

html<p>
  This is a text.
</p>
cssbody {
  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