ตัวอย่าง
จอแสดงผล <p> องค์ประกอบที่มีบรรทัดด้านบน:
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการตกแต่งข้อความบรรทัดระบุชนิดของสายถ้ามีการตกแต่งจะมี
หมายเหตุ: คุณยังสามารถตั้งค่าตกแต่งข้อความบรรทัดโดยใช้คุณสมบัติตกแต่งข้อความซึ่งเป็นสถานที่ให้บริการสั้นมือสำหรับตกแต่งข้อความบรรทัดข้อความตกแต่งสไตล์และคุณสมบัติของตกแต่งข้อความสี
หมายเหตุ: คุณยังสามารถรวมมูลค่ามากกว่าหนึ่งเช่นขีดเส้นใต้และ overline เพื่อแสดงทั้งสองสายใต้และเหนือข้อความ
| ค่าเริ่มต้น: | none |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | no. Read about animatable |
| เวอร์ชัน: | CSS3 |
| ไวยากรณ์ javascript: | object .style.textDecorationLine="overline" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
ตามด้วยหมายเลข -moz- ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| text-decoration-line | ได้รับการสนับสนุน | ได้รับการสนับสนุน | 6.0 -moz- | ได้รับการสนับสนุน | ได้รับการสนับสนุน |
CSS ไวยากรณ์
text-decoration-line: none|underline|overline|line-through|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| none | ค่ามาตรฐาน ระบุเส้นสำหรับตกแต่งข้อความไม่มี | เล่น " |
| underline | ระบุว่าสายจะปรากฏภายใต้ข้อความ | เล่น " |
| overline | ระบุว่าสายจะปรากฏเหนือข้อความ | เล่น " |
| line-through | ระบุว่าสายจะแสดงผ่านข้อความ | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ข้อความ
อ้างอิง HTML DOM: textDecorationLine property