CSS text-decoration-line คุณสมบัติ
- หน้าก่อน text-decoration-color
- หน้าต่อไป text-decoration-style
การเรียกใช้และการประกาศ
ตั้งค่าของ property text-decoration-line กำหนดประเภทของ text-decoration ที่ต้องการใช้ (underline, overline, line-through)
คำเตือน：กรุณาอ่านเพิ่มเติมรายละเอียดที่ text-decoration โดยเป็นบรรลุของ text-decoration-line, text-decoration-style และ text-decoration-color
หมายเหตุ:คุณยังสามารถรวมค่าหลายตัวได้ เช่น underline และ overline ซึ่งจะแสดงสายข้างบนและล่างของข้อความ
ดูเพิ่มเติมที่:
ตัวอย่าง CSSCSS ข้อความ
คู่มือ HTML DOMtextDecorationLine คุณสมบัติ
ตัวอย่าง
กำหนดคุณสมบัติ text-decoration สายแบบต่าง ๆ
div.a {
text-decoration-line: overline;
}
div.b {
text-decoration-line: underline;
}
div.c {
text-decoration-line: line-through;
}
div.d {
text-decoration-line: overline underline;
}
ระบบการเขียน CSS
text-decoration-line: none|underline|overline|line-through|initial|inherit;
ค่าทางตัวเลือก
| ค่า | รายละเอียด |
|---|---|
| none | ค่าเริ่มต้น |
| underline | กำหนดการแสดงสายข้างล่างของข้อความ |
| overline | กำหนดการแสดงสายข้างบนของข้อความ |
| line-through | กำหนดการแสดงสายข้างตรงของข้อความ |
| initial | ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้น initial. |
| inherit | มีคุณสมบัตินี้มาจากตัวปลายตาม inherit. |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | none |
|---|---|
| ทางเลือกต่อมา: | ไม่ |
| การสร้างแอนิเมชัน: | ไม่สนับสนุน。ดูบทความที่:คุณสมบัติที่เกี่ยวกับแอนิเมชัน. |
| เวอร์ชัน: | CSS3 |
| ระบบการเขียน JavaScript: | object.style.textDecorationLine="overline" |
การสนับสนุนเบราเซอร์
ตัวเลขในตารางแสดงว่าเวอร์ชันเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้
ตัวเลขที่มี -webkit- หรือ -moz- แสดงว่าใช้เครื่องหมายหน้าในรุ่นแรก
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 7.1 -webkit- |
44.0 |
- หน้าก่อน text-decoration-color
- หน้าต่อไป text-decoration-style
