⌘K

Thuộc tính text-decoration

Thuộc tính text-decoration thêm vào văn bản các hiệu ứng khác nhau: gạch chân, gạch ngang, đường kẻ phía trên.

Cú pháp

cssbộ chọn {
  text-decoration: underline | line-through | overline | none;
}

Giá trị

Giá trị Mô tả
underline Tạo văn bản gạch chân.
line-through Tạo văn bản gạch ngang.
overline Tạo đường kẻ phía trên văn bản.
none Loại bỏ gạch chân của phần tử được gạch chân. Thường được sử dụng nhất cho các liên kết, vì theo mặc định chúng được gạch chân.

Giá trị mặc định: none. Đối với liên kết giá trị mặc định: underline.

Ví dụ . Giá trị underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Ví dụ . Giá trị line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Ví dụ . Giá trị overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Xem thêm

BackThuộc tính text-alignNextThuộc tính text-decoration-line