คุณสมบัติ text-decoration
คุณสมบัติ text-decoration เพิ่ม
เอฟเฟกต์ต่างๆ ให้กับข้อความ: ขีดเส้นใต้,
ขีดฆ่า, เส้นด้านบน
ไวยากรณ์
ตัวเลือก {
text-decoration: underline | line-through | overline | none;
}
ค่า
| ค่า | คำอธิบาย |
|---|---|
underline |
ทำให้ข้อความ ขีดเส้นใต้ |
line-through |
ทำให้ข้อความ ขีดฆ่า |
overline |
ทำให้เส้น อยู่เหนือข้อความ |
none |
ยกเลิกการขีดเส้นใต้ขององค์ประกอบที่ขีดเส้นใต้ไว้ ส่วนใหญ่มักใช้ สำหรับลิงก์ เนื่องจากพวกมันถูกขีดเส้นใต้โดยค่าเริ่มต้น |
ค่าเริ่มต้น: none สำหรับลิงก์
ค่าเริ่มต้น: underline
ตัวอย่าง ค่า underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
ตัวอย่าง ค่า line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
ตัวอย่าง ค่า overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
ดูเพิ่มเติม
-
คุณสมบัติ
text-decoration-style,
ซึ่งอนุญาตให้เปลี่ยนประเภทของเส้น -
คุณสมบัติ
text-decoration-color,
ซึ่งอนุญาตให้เปลี่ยนสีของเส้น -
คุณสมบัติ
text-decoration-line,
ซึ่งอนุญาตให้เปลี่ยนตำแหน่งของเส้น
