Thuộc tính text-stroke-color

Thuộc tính text-stroke-color thiết lập màu sắc cho đường viền của các ký tự văn bản hay còn gọi là phần viền bao quanh chữ.

Cú pháp

cssbộ chọn {
  text-stroke-color: màu sắc;
}

Ví dụ

Hãy thiết lập viền màu cam cho các ký tự trong đoạn văn bản của chúng ta:

html<p>
  Text
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-text-stroke-color: orange;
  text-stroke-color: orange;
  -webkit-text-stroke-width: 1px;
  color: white;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
}

Результат:

Xem thêm