Thuộc Tính Text-shadow Trong CSS | Tạo Cái Bóng Cho Văn Bản

Có thể bạn quan tâm

Thuộc tính text-shadow trong CSS

1) Thuộc tính text-shadow trong CSS

- Thuộc tính text-shadow được dùng để tạo một "cái bóng" cho văn bản.

- Ví dụ:

Bên dưới là một đoạn văn bản(không có cái bóng)	Bên dưới là một đoạn văn bản(có cái bóng)
Lập Trình Web	Lập Trình Web

- Để sử dụng thuộc tính text-shadow, ta dùng cú pháp như sau:

text-shadow: giá trị;

- Dưới đây là danh sách các "giá trị" được sử dụng bởi thuộc tính text-shadow:

none	- Không hiển thị cái bóng.	Xem ví dụ
left top color	- Giá trị "left" xác định khoảng cách từ cạnh trái của văn bản đến cạnh trái của cái bóng. - Giá trị "top" xác định khoảng cách từ cạnh trên của văn bản đến cạnh trên của cái bóng. - Lưu ý: Giá trị left & top có thể nhận giá trị âm. - Giá trị "color" xác định màu của cái bóng.	Xem ví dụ
left top shadow color	- Giá trị "shadow" xác định độ mờ của cái bóng.	Xem ví dụ
initial	- Sử dụng giá trị mặc định của nó (mặc định thì thuộc tính text-shadow có giá trị là none)	Xem ví dụ
inherit	- Kế thừa giá trị thuộc tính text-shadow phần tử cha của nó.	Xem ví dụ