Style thuộc tính textShadow

Định nghĩa và cách sử dụng

textShadow Cài đặt hoặc trả về một hoặc nhiều hiệu ứng bóng văn văn bản.

Xem thêm:

Hướng dẫn CSS:Bóng văn bản CSS

Tài liệu tham khảo CSS:Thuộc tính text-shadow

Mô hình

Ví dụ 1

Thêm bóng văn vào văn bản:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";

Thử ngay

Ví dụ 2

Trả về bóng văn văn bản:

alert(document.getElementById("myP").style.textShadow);

Thử ngay

Cú pháp

Trả về thuộc tính textShadow:

object.style.textShadow

Đặt thuộc tính textShadow:

object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"

Ghi chú:Thuộc tính textShadow thêm một hoặc nhiều bóng văn vào văn bản. Thuộc tính này là danh sách bóng văn được phân隔 bằng dấu phẩy, mỗi bóng văn được quy định bởi 2 hoặc 3 giá trị độ dài và tùy chọn màu sắc. Độ dài bị bỏ qua là 0.

Giá trị thuộc tính

Giá trị Mô tả
none Không vẽ bóng văn. Mặc định.
h-shadow Bắt buộc. Vị trí bóng văn theo chiều ngang. Cho phép giá trị âm.
v-shadow Bắt buộc. Vị trí bóng văn theo chiều dọc. Cho phép giá trị âm.
blur Tùy chọn. Khoảng cách mờ.
color

Tùy chọn. Màu sắc của bóng văn.

Xem thêm Giá trị màu CSSđể lấy danh sách đầy đủ các giá trị màu có thể.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ phần tử cha của nó. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: none
Giá trị trả về: Chuỗi, biểu thị danh sách hiệu ứng bóng văn ứng dụng cho văn bản của phần tử, được phân隔 bằng dấu phẩy.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số liệu trong bảng ghi chú phiên bản trình duyệt đầu tiên hỗ trợ tính chất này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 10.0 Hỗ trợ Hỗ trợ Hỗ trợ