Hướng dẫn how do you underline a word in html css? - Làm thế nào để bạn gạch dưới một từ trong html css?

Thí dụ

Đặt các trang trí văn bản khác nhau cho, và các yếu tố:

H2 {& nbsp; Text-Decation: Overline;}
  text-decoration: overline;
}

H2 {& nbsp; trang trí văn bản: dòng qua;}
  text-decoration: line-through;
}

H3 {& nbsp; DECORT TEXTION: GRINELLINE;}
  text-decoration: underline;
}

h4 {& nbsp; & nbsp; trang trí văn bản: gạch chân trên tuyến;}
  text-decoration: underline overline;
}

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

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

Thuộc tính text-decoration chỉ định trang trí được thêm vào văn bản và là một thuộc tính tốc ký cho:

• DEFORT-DECORT-DRINE (bắt buộc)
• text-decoration-color
• text-decoration-style
• text-decoration-thickness

Đưa ra bản chạy thử ❯

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

CSS Cú pháp

trang trí văn bản: trang trí văn bản-dòng trang trí văn bản trang trí văn bản trang trí văn bản-decor-decorness | ban đầu | kế thừa;

Giá trị tài sản

Nhiều ví dụ hơn

Thí dụ

Thêm trang trí văn bản hơn:

h2 {& nbsp; & nbsp; trang trí văn bản: gạch chân bị chấm dứt chấm màu đỏ; }
  text-decoration: underline overline dotted red;
}

h2 {& nbsp; & nbsp; trang trí văn bản: gạch chân lượn sóng màu xanh 5px;}
  text-decoration: underline wavy blue 5px;
}

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

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

Thuộc tính text-decoration chỉ định trang trí được thêm vào văn bản và là một thuộc tính tốc ký cho:

Trang trí văn bản

Trong chương này, bạn sẽ tìm hiểu về các thuộc tính sau:

• text-decoration-line
• text-decoration-color
• text-decoration-style
• text-decoration-thickness
• text-decoration

Thêm một dòng trang trí vào văn bản

Thuộc tính text-decoration-line được sử dụng để thêm một dòng trang trí vào văn bản.

Mẹo: Bạn có thể kết hợp nhiều hơn một giá trị, như Overline và Gạch chân để hiển thị các dòng cả trên và dưới một văn bản. You can combine more than one value, like overline and underline to display lines both over and under a text.

Thí dụ

H2 {& nbsp; DECED-DECORT-DINE: Overline;}
  text-decoration-line: overline;
}

H2 {& nbsp; Text-Decour-Line: Line-qua;}
  text-decoration-line: line-through;
}

H3 {& nbsp; DECET-DECORT-DEF-LINE: Underline;}
  text-decoration-line: underline;
}

p {& nbsp; Text-Decour-Line: Constline Underline;}
  text-decoration-line: overline underline;
}

Hãy tự mình thử »

Lưu ý: Không nên nhấn mạnh văn bản không phải là một liên kết, vì điều này thường gây nhầm lẫn cho người đọc. It is not recommended to underline text that is not a link, as this often confuses the reader.

Chỉ định một màu cho dòng trang trí

Thuộc tính text-decoration-color được sử dụng để đặt màu của dòng trang trí.

Thí dụ

H2 {& nbsp; DECED-DECORT-DINE: Overline;}
  text-decoration-line: overline;
  text-decoration-color: red;
}

H2 {& nbsp; Text-Decour-Line: Line-qua;}
  text-decoration-line: line-through;
  text-decoration-color: blue;
}

H3 {& nbsp; DECET-DECORT-DEF-LINE: Underline;}
  text-decoration-line: underline;
  text-decoration-color: green;
}

p {& nbsp; Text-Decour-Line: Constline Underline;}
  text-decoration-line: overline underline;
  text-decoration-color: purple;
}

Hãy tự mình thử »

Lưu ý: Không nên nhấn mạnh văn bản không phải là một liên kết, vì điều này thường gây nhầm lẫn cho người đọc.

Chỉ định một màu cho dòng trang trí

Thí dụ

H2 {& nbsp; DECED-DECORT-DINE: Overline;}
  text-decoration-line: underline;
  text-decoration-style: solid;
}

H2 {& nbsp; Text-Decour-Line: Line-qua;}
  text-decoration-line: underline;
  text-decoration-style: double;
}

H3 {& nbsp; DECET-DECORT-DEF-LINE: Underline;}
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

p {& nbsp; Text-Decour-Line: Constline Underline;}
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

Hãy tự mình thử »
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

Lưu ý: Không nên nhấn mạnh văn bản không phải là một liên kết, vì điều này thường gây nhầm lẫn cho người đọc.
  text-decoration-line: underline;
  text-decoration-color: red;
  text-decoration-style: wavy;
}

Hãy tự mình thử »

Lưu ý: Không nên nhấn mạnh văn bản không phải là một liên kết, vì điều này thường gây nhầm lẫn cho người đọc.

Chỉ định một màu cho dòng trang trí

Thí dụ

H2 {& nbsp; DECED-DECORT-DINE: Overline;}
  text-decoration-line: underline;
  text-decoration-thickness: auto;
}

H2 {& nbsp; Text-Decour-Line: Line-qua;}
  text-decoration-line: underline;
  text-decoration-thickness: 5px;
}

H3 {& nbsp; DECET-DECORT-DEF-LINE: Underline;}
  text-decoration-line: underline;
  text-decoration-thickness: 25%;
}

p {& nbsp; Text-Decour-Line: Constline Underline;}
  text-decoration-line: underline;
  text-decoration-color: red;
  text-decoration-style: double;
  text-decoration-thickness: 5px;
}

Hãy tự mình thử »

Lưu ý: Không nên nhấn mạnh văn bản không phải là một liên kết, vì điều này thường gây nhầm lẫn cho người đọc.

Chỉ định một màu cho dòng trang trí

• Thuộc tính text-decoration-color được sử dụng để đặt màu của dòng trang trí.
• H2 {& nbsp; DECET-DECORT-DECT-LINE: OFFLINE; & NBSP; trang trí văn bản-màu sắc: màu đỏ;}
• H2 {& nbsp; DECORT-DECORT-DEF-LINE: Line-qua; & nbsp; trang trí văn bản-màu sắc: màu xanh;}
• H3 {& nbsp; DECORT-DECORT-DINE: Underline; & nbsp; trang trí văn bản-màu: xanh;}

Thí dụ

H2 {& nbsp; DECED-DECORT-DINE: Overline;}
  text-decoration: underline;
}

H2 {& nbsp; Text-Decour-Line: Line-qua;}
  text-decoration: underline red;
}

H3 {& nbsp; DECET-DECORT-DEF-LINE: Underline;}
  text-decoration: underline red double;
}

p {& nbsp; Text-Decour-Line: Constline Underline;}
  text-decoration: underline red double 5px;
}

Hãy tự mình thử »

Lưu ý: Không nên nhấn mạnh văn bản không phải là một liên kết, vì điều này thường gây nhầm lẫn cho người đọc.

Chỉ định một màu cho dòng trang trí

Thuộc tính text-decoration-color được sử dụng để đặt màu của dòng trang trí.

Làm thế nào để bạn nhấn mạnh một từ trong CSS?

Làm thế nào để bạn gạch chân văn bản trong html?