ตัวอย่าง
ตั้งตกแต่งข้อความสำหรับ <h1> <h2> และ <h3> องค์ประกอบ:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการตกแต่งข้อความระบุตกแต่งเพิ่มให้กับข้อความ
Note: ใน CSS3 คุณสมบัติตกแต่งข้อความเป็นสถานที่ให้บริการจดชวเลขสำหรับ ตกแต่งข้อความบรรทัด , ตกแต่งข้อความสี และ ตกแต่งข้อความสไตล์ แต่ตอนนี้ยังไม่ได้รับการสนับสนุนในการใด ๆ ของเบราว์เซอร์ที่สำคัญ
Note: ใน CSS3 คุณสามารถใช้ ตกแต่งข้อความสี คุณสมบัติการเปลี่ยนสีของตกแต่งมิฉะนั้นเป็นสีเดียวกับสีของข้อความ
| ค่าเริ่มต้น: | none |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | no, see individual properties . Read about animatable |
| เวอร์ชัน: | CSS1, renewed in CSS3 |
| ไวยากรณ์ javascript: | object .style.textDecoration="underline" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS ไวยากรณ์
text-decoration: none|underline|overline|line-through|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| none | กำหนดข้อความปกติ นี้จะเริ่มต้น | เล่น " |
| underline | กำหนดบรรทัดด้านล่างข้อความ | เล่น " |
| overline | กำหนดบรรทัดข้างต้นข้อความ | เล่น " |
| line-through | กำหนดเส้นผ่านข้อความ | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ข้อความ
อ้างอิง HTML DOM: textDecoration property