Bóng văn bản CSS

Bóng văn bản

text-shadow Thuộc tính thêm bóng vào văn bản.

Cách sử dụng đơn giản nhất là chỉ chỉ định bóng ngang (2px) và bóng dọc (2px):

Hiệu ứng bóng văn bản!

Ví dụ

h1 {
  text-shadow: 2px 2px;
}

Thử ngay

Tiếp theo, thêm màu sắc vào bóng (màu đỏ):

Hiệu ứng bóng văn bản!

Ví dụ

h1 {
  text-shadow: 2px 2px red;
}

Thử ngay

Sau đó, thêm hiệu ứng mờ vào bóng (5px):

Hiệu ứng bóng văn bản!

Ví dụ

h1 {
  text-shadow: 2px 2px 5px red;
}

Thử ngay

Lưu ý:Vui lòng truy cập Font CSS Chương, học cách thay đổi font, kích thước văn bản và phong cách văn bản.

Lưu ý:Vui lòng truy cập Hiệu ứng văn bản CSS Chương, học cách thực hiện các hiệu ứng văn bản khác nhau.

Tất cả các thuộc tính văn bản CSS

Thuộc tính Mô tả
color Thiết lập màu sắc của văn bản.
direction Định nghĩa hướng của văn bản / hướng viết.
letter-spacing Thiết lập khoảng cách giữa các ký tự.
line-height Thiết lập chiều cao dòng.
text-align Định nghĩa cách canh đỉnh văn bản theo chiều ngang.
text-decoration Định nghĩa hiệu ứng trang trí thêm vào văn bản.
text-indent Định nghĩa cách lùi dòng đầu tiên trong khối văn bản.
text-shadow Định nghĩa hiệu ứng bóng thêm vào văn bản.
text-transform Kiểm soát việc thay đổi chữ hoa hoặc chữ thường của văn bản.
text-overflow Định nghĩa cách thông báo cho người dùng về nội dung tràn ra không hiển thị.
unicode-bidi Khi sử dụng cùng với thuộc tính direction, thiết lập hoặc trả về liệu có nên thay đổi văn bản để hỗ trợ nhiều ngôn ngữ trong cùng một tài liệu hay không.
vertical-align Định nghĩa cách canh đỉnh văn bản theo chiều dọc.
white-space Định nghĩa cách xử lý khoảng trắng trong phần tử.
word-spacing Set word spacing.