Hướng dẫn underline html - gạch dưới html

• Thụt đầu dòng text-indent
• Thuộc tính text-indent trong CSS chỉ ra khoảng thụt đầu dòng (chiều ngang) của văn bản. Thuộc tính này nhận các giá trị theo đơn vị (px, pt, cm, em ...), % và inherit.
• Thuộc tính text-indent chỉ ra khoảng thụt đầu dòng (chiều ngang) của văn bản. Thuộc tính này nhận các giá trị theo đơn vị (px, pt, cm, em ...), % và inherit.
• Trang chủ

Tham khảo

CSS

Thuộc tính text-decoration

tag {
    text-decoration: giá trị;
}

Định nghĩa và sử dụng

Với giá trị như sau:

Thuộc tính

Line under text
Line Over text
Line Over through
Line Over blink

giá trị

Ví dụ

Mô tả

text-decoration

none

text-decoration: none;

p.lineUnder {
    text-decoration: underline;
}

p.lineOver {
    text-decoration: overline;
}

p.lineThrough {
    text-decoration: line-through;
}

p.lineBlink {
    text-decoration: blink;
}

Định dạng văn bản bình thường, đây là dạng mặc định.

Ví dụ

Mô tả

text-decoration

none

text-decoration: none;

Định dạng văn bản bình thường, đây là dạng mặc định.

underline

text-decoration: underline;

Thuộc tính text-decoration định dạng trang trí phần tử HTML

Thuộc tính text-decoration trong CSS đưa thêm các định dạng trang trí cho chữ (các dòng kẻ qua chữ, gạch chân css), thực chất text-decoration trong css nó là dạng viết tổng hợp cho ba thuộc tính CSS riêng lẻ là:text-decoration trong CSS đưa thêm các định dạng trang trí cho chữ (các dòng kẻ qua chữ, gạch chân css), thực chất text-decoration trong css nó là dạng viết tổng hợp cho ba thuộc tính CSS riêng lẻ là:

Bằng cách dùng text-decoration bạn có thể viết gộp ba thuộc tính trên cùng một dòng, với cú pháp dạng:text-decoration bạn có thể viết gộp ba thuộc tính trên cùng một dòng, với cú pháp dạng:

text-decoration: line color style;

Trong đó bạn có thể không cần chỉ ra cả ba tham số, ví dụ thiếu

u {
    text-decoration: underline;
}

tag {
    text-decoration: giá trị;
}

Ví dụ 1: trang trí bằng text-decoration yêu cầu gạch chân dòng chữ, màu đường gạch chân là đỏ (red), kiểu đường lượn sóng.: trang trí bằng text-decoration yêu cầu gạch chân dòng chữ, màu đường gạch chân là đỏ (red), kiểu đường lượn sóng.

Kết quả ví dụ 1

Kết quả ví dụ 1

Ví dụ 2: Trang trí kẻ qua giữa dòng chữ, kiểu đường kẻ và màu để mặc định => chỉ cần tham số line: Trang trí kẻ qua giữa dòng chữ, kiểu đường kẻ và màu để mặc định => chỉ cần tham số line

Kết quả ví dụ 2

Kết quả ví dụ 2

Ví dụ 3: Một số trường hợp hay dùng với text-decoration: Một số trường hợp hay dùng với text-decoration

Hủy text-decoration (none).
Văn bản này hiệu ứng trang trí theo phần tử cha.
Gạch trên.
Gạch dưới.
Gạch giữa.

Hủy text-decoration (none).

Văn bản này hiệu ứng trang trí theo phần tử cha.

Gạch trên.

Gạch dưới.

Gạch giữa.

Kết quả

Hủy text-decoration (none).

Văn bản này hiệu ứng trang trí theo phần tử cha.

Gạch trên.

Gạch dưới.

Gạch giữa.

Kết quảtext-decoration: line-through underline; vừa gạch chân vừa gạch giữa

Bạn có thể kết hợp nhiều giá trị lại với nhau để có nhiều hiệu ứng trang trí trong một dòng CSS. Ví dụ: text-decoration: line-through underline; vừa gạch chân vừa gạch giữa

Thụt đầu dòng text-indent

Thuộc tính text-indent chỉ ra khoảng thụt đầu dòng (chiều ngang) của văn bản. 
Thuộc tính này nhận các giá trị theo đơn vị (px, pt, cm, em ...), % và inherit.

Kết quả

Bạn có thể kết hợp nhiều giá trị lại với nhau để có nhiều hiệu ứng trang trí trong một dòng CSS. Ví dụ: text-decoration: line-through underline; vừa gạch chân vừa gạch giữatext-indent chỉ ra khoảng thụt đầu dòng (chiều ngang) của văn bản. Thuộc tính này nhận các giá trị theo đơn vị (px, pt, cm, em ...), % và inherit.