Kiểu văn bản
Thí dụ
Thêm bóng vào văn bản:
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
Định nghĩa và Cách sử dụng
Thuộc tính textShadow đặt hoặc trả về một số hiệu ứng đổ bóng khác cho văn bản.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
textShadow | Yes | 10.0 | Yes | Yes | Yes |
Cú pháp
Trả lại 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"
Lưu ý: Thuộc tính textShadow gắn một hoặc nhiều bóng vào văn bản. Thuộc tính là một danh sách các bóng được phân tách bằng dấu phẩy, mỗi bóng được chỉ định bởi 2 hoặc 3 giá trị độ dài và một màu tùy chọn. Độ dài bị bỏ qua là 0.
Giá trị tài sản
Value | Description |
---|---|
none | No shadow is drawn. This is default |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
color | Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | không ai |
---|---|
Giá trị trả lại: | Chuỗi, đại diện cho danh sách các hiệu ứng đổ bóng được phân tách bằng dấu phẩy được áp dụng cho văn bản của phần tử |
Phiên bản CSS | CSS3 |
Các ví dụ khác
Thí dụ
Trả lại bóng văn bản:
alert(document.getElementById("myP").style.textShadow);
Các trang liên quan
Hướng dẫn CSS: Hiệu ứng văn bản CSS3
Tham chiếu CSS: thuộc tính text-shadow
❮ Đối tượng phong cách