ตัวอย่าง
จอแสดงผลย่อหน้าที่มีบรรทัดด้านบน:
document.getElementById("myP").style.textDecorationLine = "overline";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ textDecorationLine หรือผลตอบแทนสิ่งที่ประเภทของเส้นถ้ามีการตกแต่งจะมี
หมายเหตุ: คุณยังสามารถตั้งค่า textDecorationLine โดยใช้คุณสมบัติ textDecoration ซึ่งเป็นที่พักสั้นมือสำหรับ textDecorationLine, textDecorationStyle และคุณสมบัติ textDecorationColor
หมายเหตุ: คุณยังสามารถรวมมูลค่ามากกว่าหนึ่งเช่นขีดเส้นใต้และ overline เพื่อแสดงทั้งสองสายใต้และเหนือข้อความ
สนับสนุนเบราว์เซอร์
คุณสมบัติ textDecorationLine จะไม่ได้รับการสนับสนุนในการใด ๆ ของเบราว์เซอร์ที่สำคัญ
Firefox สนับสนุนทางเลือกที่ MozTextDecorationLine คุณสมบัติ
วากยสัมพันธ์
กลับ textDecorationLine ทรัพย์สิน:
object .style.textDecorationLine ตั้ง textDecorationLine ทรัพย์สิน:
object .style.textDecorationLine="none|underline|overline|line-through|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| none | ค่ามาตรฐาน ระบุสายสำหรับตกแต่งข้อความใด ๆ |
| underline | ระบุว่าสายจะปรากฏภายใต้ข้อความ |
| overline | ระบุว่าสายจะปรากฏเหนือข้อความ |
| line-through | ระบุว่าสายจะแสดงผ่านข้อความ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ไม่มี |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของตกแต่งข้อความบรรทัดทรัพย์สินขององค์ประกอบ |
| CSS รุ่น | CSS3 |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: text-decoration-line property
<สไตล์วัตถุ