Màu chữ, đường trang trí và khoảng cách chữ

```css p { color: blue; text-decoration: underline; } ``` color đặt màu chữ. text-decoration:underline kẻ dưới chữ; overline kẻ phía trên; line-through kẻ giữa; none không đặt đường trang trí ở phần tử theo khai báo này. Đường kẻ là hình thức trình bày. Gạch giữa bằng CSS không tự xóa các từ khỏi nội dung HTML; gạch dưới cũng không tự tạo siêu liên kết.

Nếu p được gạch dưới, chữ em nằm trong p vẫn có thể nằm trên đường gạch đó. Đặt text-decoration:none riêng trên em không tự xóa đường do p tạo ra. Vì vậy không dùng một câu “không kế thừa” để suy rằng phần con chắc chắn không thấy gạch dưới. Khi cần thay đường kẻ, xác định phần tử thực sự tạo ra đường ấy và kiểm kết quả hiển thị.

```css p { font-variant: small-caps; letter-spacing: 1px; word-spacing: 3px; text-shadow: 1px 1px 2px gray; } ``` font-variant chọn biến thể chữ, ví dụ small-caps. letter-spacing điều chỉnh khoảng cách kí tự; word-spacing điều chỉnh khoảng cách từ. text-shadow tạo bóng chữ; mẫu dùng độ lệch ngang 1px, dọc 1px, độ nhòe 2px và màu gray. Tên chuẩn là **letter-spacing** và **word-spacing**. Mở mo_rong.html để thử từng khai báo, thay một giá trị mỗi lần rồi tải lại. Đây là phần mở rộng của bài, không cần thêm thư viện hay phông tải từ mạng.