CSS text-decoration 属性
- หน้าก่อน text-align-last
- หน้าต่อไป text-decoration-color
การกำหนดและการใช้งาน
คุณสมบัติ text-decoration กำหนดการเพิ่มลวดลายบนข้อความ
หมายเหตุ:สีของลวดลายข้อความจะถูกตั้งค่าโดยคุณสมบัติ color
ชี้แจง
คุณสมบัตินี้อนุญาตให้ตั้งค่ากระบวนการเพิ่มลวดลายบนข้อความ อย่างเช่น ใส่ฝังลง ไม่ว่าฝายเล่มหลังจะมีลวดลายของตนเองหรือไม่ ลวดลายที่ตั้งค่าในองค์ประกอบที่เป็นปัจจุบันจะ "ขยาย" ไปยังฝายเล่มหลัง ไม่ต้องการให้ตัวแทนผู้ใช้สนับสนุน blink
ดูเพิ่มเติม
ตำรา CSSCSS ข้อความ
คู่มืออ้างอิง HTML DOMขอบเขต textDecoration
ตัวอย่าง
ตั้งค่า text-decoration ขององค์ประกอบ h1, h2, h3, h4
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
CSS ภาษา
text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;
ค่าของนิยาม
| ค่า | การอธิบาย |
|---|---|
| text-decoration-line | ตั้งค่าชนิดลวดลายข้อความที่ใช้ (เช่น ฝังลง, ฝังขึ้น, ฝังข้าง) |
| text-decoration-color | ตั้งค่าสีของลวดลายข้อความ |
| text-decoration-style | ตั้งค่ารูปแบบลวดลายข้อความ (เช่น จุดใต้ข้อความ, ทรงหยัก, สายขนาน, สายผิด, สายเกี่ยวข้อง) |
| text-decoration-thickness | ตั้งค่าความหนาของลวดลาย |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของตน โปรดดู inherit |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | none |
|---|---|
| มีการสืบทอด: | no |
| รุ่น: | CSS1 |
| JavaScript ภาษาสำหรับ | object.style.textDecoration="overline" |
ตัวอย่างเพิ่มเติม
- ลวดลายข้อความ
- ตัวอย่างแสดงว่าจะเพิ่มลวดลายลงบนข้อความ
การสนับสนุนโปรแกรมนี้
ตัวเลขในตารางบอกว่าสำหรับเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- หน้าก่อน text-align-last
- หน้าต่อไป text-decoration-color
