1. Trang chủ
  2. Tin tức
  3. Kiến thức về CSS (P9): Thuộc tính text-decoration và thuộc tính word-spacing

Kiến thức về CSS (P9): Thuộc tính text-decoration và thuộc tính word-spacing

Thuộc tính text-decoration

Thuộc tính text-decoration thiết lập các trang trí thêm cho text. Giúp bạn thêm các hiệu ứng gạch chân (underline), gạch xiên (line-through), gạch đầu (overline), và một hiệu ứng đặc biệt là văn bản nhấp nháy (blink).

Bảng giá trị

2c

Cấu trúc

1c

Ví dụ

3c

Thuộc tính này trên thực tế cũng hay sử dụng nhất là gạch ngang chữ để biểu hiện ý đó không đúng nhưng không xóa để người khác tránh, còn gạch trên đầu hay gạch dưới chân nhằm nhấn mạnh ý thì ít được sử dụng hơn.

Riêng với gạch chân văn bản ngoài cách dùng CSS, bạn có thể đánh dấu văn bản đó bằng cặp thẻ <u> và </u> trong HTML, nó cũng cho kết quả tương tự.

Sử dụng thuộc tính border-top và border-bottom cũng là ý tưởng hay để thay thế overline và underline trong một số trường hợp, vì nó cho phép chúng ta điều chỉnh khoảng cách với văn bản linh hoạt hơn.

Thuộc tính word-spacing

Thuộc tính word-spacing trong CSS giúp bạn xác định khoảng cách giữa các từ trong một đoạn văn. Tức là tăng hoặc giảm khoảng cách giữa các ký tự trong đoạn văn bản.

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

4c

Cấu trúc

5c

Ví dụ

6c

Vậy là những thuộc tính cơ bản của định dạng cho text ta đã tìm hiểu và nắm rõ, những bài tiếp theo mình sẽ chia sẻ sâu hơn vào những kiến thức của CSS, các bạn nhớ theo dõi nhé. Chúc các bạn tự học thiết kế web thật tốt.

Xem thêm:

  • Kiến thức về CSS (P1): Giới thiệu về CSS
  • Kiến thức về CSS (P2): Cách viết nội dung, bộ chọn và comment trong CSS
  • Kiến thức về CSS (P3): Các thuộc tính background trong CSS.
  • Kiến thức về CSS (P4): Thuộc tính border
  • Kiến thức về CSS (P5): Thuộc tính color
  • Kiến thức về CSS (P6): Thuộc tính font size-Thuộc tính font family
  • Kiến thức về CSS (P7): Thuộc tính font-weight và thuộc tính font-style
  • Kiến thức về CSS (P8): Thuộc tính letter-spacing và thuộc tính line-height