Thuộc tính text-decoration trong CSS
Thuộc tính text-decoration trong CSS giúp bạn trang trí cho nội dung văn bản hiển thị (gọi tắt là Inline Text) trong phần tử.
Thuộc tính text-decoration có thể nhận giá trị:
none: không áp dụng phần trang trí cho Inline Text.
underline: thêm đường gạch dưới cho phần tử Inline Text.
overline: thêm đường gạch trên cho phần tử Inline Text.
line-through: thêm đường gạch ngang cho phần tử Inline Text.
blink: phần tử Inline Text sẽ thêm hiệu ứng nhấp nháy liên tục. Giá trị này giống như phần tử BLINK được giới thiệu bởi Netscape.
Thuộc tính text-decoration có thể áp dụng cho:
Tất cả các phần tử HTML.
Cú pháp thuộc tính text-decoration trong DOM
object.style.textDecoration = "underline";
Ví dụ thuộc tính text-decoration trong CSS
Tiếp theo là ví dụ minh họa cách sử dụng của thuộc tính text-decoration trong CSS:
Ghi chú: Giá trị blink không làm việc với tất cả các trình duyệt
<html>
<head>
</head>
<body>
<p style="text-decoration:underline;">
Doan van nay se co duong gach ngang duoi chan.
</p>
<p style="text-decoration:line-through;">
Doan van nay se bi gach ngang.
</p>
<p style="text-decoration:overline;">
Doan van nay se co duong gach ngang tren dau.
</p>
<p style="text-decoration:blink;">
Doan van nay se co hieu ung blink. Tuy nhien, gia tri blink khong duoc ho tro boi nhieu trinh duyet.
</p>
</body>
</html>
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
Bài học CSS phổ biến khác tại vietjack.com:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
