Thuộc tính CSS -webkit-text-stroke
chỉ định chiều rộng và màu sắc của các nét cho các ký tự văn bản. Đây là thuộc tính tốc ký cho thuộc tính tốc ký -webkit-text-stroke-width
và -webkit-text-stroke-color
/* Width and color values */
-webkit-text-stroke: 4px navy;
text-stroke: 4px navy;
/* Global values */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: unset;
text-stroke: inherit;
text-stroke: initial;
text-stroke: unset;
Thuộc tính này là cách viết tắt của các thuộc tính CSS sau
-webkit-text-stroke-color
-webkit-text-stroke-width
Chiều rộng của nét
-webkit-text-stroke =0
||
=
|
thin |
medium |
thick
Màu sắc của nét vẽ
Giá trị ban đầu là mỗi thuộc tính của tốc ký
-webkit-text-stroke-width
.-webkit-text-stroke =
2
||
=
|
thin |
medium |
thick-webkit-text-stroke-color
.-webkit-text-stroke =
4
||
=
|
thin |
medium |
thick
-webkit-text-stroke-width
. tuyệt đối-webkit-text-stroke-color
. tính màu
-webkit-text-stroke-width
. rời rạc-webkit-text-stroke-color
. một
-webkit-text-stroke =
||
=
|
thin |
medium |
thick
HTML
The stroke of this text is red.
CSS
#example {
font-size: 3em;
margin: 0;
-webkit-text-stroke: 2px red;
}
Kết quả
Bảng BCD chỉ tải trong trình duyệt có bật JavaScript. Bật JavaScript để xem dữ liệu
- Bài đăng trên blog Surfin' Safari thông báo về tính năng này
- Bài viết thủ thuật CSS giải thích tính năng này
-webkit-text-stroke-width
-webkit-text-stroke-color
2The stroke of this text is red.
Tìm thấy một vấn đề nội dung với trang này?
- Chỉnh sửa trang trên Github
- Báo cáo vấn đề nội dung
- Xem nguồn trên GitHub
Trang này được sửa đổi lần cuối vào ngày 27 tháng 9 năm 2022 bởi những người đóng góp MDN
Bạn có thể phác thảo văn bản bằng CSS không?
CSS có thuộc tính nét chữ có thể được sử dụng để tạo đường viền xung quanh văn bản trên các trình duyệt hỗ trợ Webkit . Thuộc tính text-shadow cũng có thể được sử dụng để tạo hiệu ứng tương tự như đường viền văn bản.
Làm cách nào để viền văn bản trong CSS?
Để đặt đường viền phông chữ trong CSS, thuộc tính “-webkit-text-stroke” và thuộc tính “text-shadow” có thể . Thuộc tính text-stroke không được bao gồm trong các tiêu chuẩn W3c; .
Thuộc tính CSS nào dưới đây được sử dụng để thêm nét trong văn bản?
Thuộc tính CSS -webkit-text-stroke chỉ định độ rộng và màu của các nét cho các ký tự văn bản.
Làm cách nào để sử dụng nét vẽ trong CSS?
Thuộc tính nét trong CSS dùng để thêm đường viền vào hình dạng SVG . Nhớ. Điều này sẽ ghi đè một thuộc tính trình bày Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g. Điều này sẽ không ghi đè lên một phong cách nội tuyến e. g.