Thuộc tính text-shadow trong CSS

Trang trước
Trang sau  

Thuộc tính text-shadow trong CSS giúp bạn xác định Shadow cho phần hiển thị văn bản của phần tử.

Thuộc tính text-shadow có thể nhận giá trị:

  • none: không áp dụng Shadow cho phần tử.

  • color: bất kỳ giá trị màu hợp lệ nào. Màu này sẽ được áp dụng cho Shadow.

  • length length length: ba giá trị độ dài này để xác định các giá trị cho Offset (trục x, trục y) và tâm của Shadow.

Thuộc tính text-shadow có thể áp dụng cho:

Tất cả các phần tử HTML.

Cú pháp thuộc tính text-shadow trong DOM

object.style.textShadow = "red";
Quảng cáo

Ví dụ thuộc tính text-shadow trong CSS

Tiếp theo là ví dụ minh họa cách sử dụng của thuộc tính text-shadow trong CSS:

<html>
   <head>
   </head>
   <body>
      <p style="text-shadow:4px 4px 8px blue;">
      Neu trinh duyet cua ban khong ho tro thuoc tinh text-shadow trong CSS, thi phan van ban se co Blue Shadow.
      </p>
   </body>
</html>
Quảng cáo

Kết quả là:

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ
Trang trước
Trang sau  
Bài viết liên quan