การกำหนดลักษณะข้อความ (text-decoration) ใน CSS

การกำหนดลักษณะข้อความ (text-decoration) ใน CSS
ใน CSS มี property ชื่อว่า text-decoration ซึ่งใช้สำหรับกำหนดลักษณะข้อความต่างๆ เช่น การเพิ่มเส้นขีดใต้, เส้นขีดทับ, เส้นขีดข้าง, และการลบเส้นขีด เป็นต้น โดยมีค่าที่สามารถกำหนดได้ดังนี้

underline – เพิ่มเส้นขีดใต้ข้อความ
overline – เพิ่มเส้นขีดทับข้อความ
line-through – เพิ่มเส้นขีดข้างข้อความ
none – ไม่มีเส้นขีด
underline overline – เพิ่มเส้นขีดใต้และเส้นขีดทับ
underline line-through – เพิ่มเส้นขีดใต้และเส้นขีดข้าง
overline line-through – เพิ่มเส้นขีดทับและเส้นขีดข้าง
underline overline line-through – เพิ่มเส้นขีดใต้, เส้นขีดทับ, และเส้นขีดข้าง
ตัวอย่างการใช้งาน:

p {
text-decoration: underline; /* เพิ่มเส้นขีดใต้ */
}

h1 {
text-decoration: line-through; /* เพิ่มเส้นขีดข้าง */
}a {
text-decoration: none; /* ไม่มีเส้นขีด */
}span {
text-decoration: underline overline; /* เพิ่มเส้นขีดใต้และเส้นขีดทับ */
}

 

การกำหนดลักษณะข้อความ (text-decoration) ใน CSS

 

แบ่งปันกัน เราอยู่กันไม่เกิน 100 ปีหรอกครับ
สุดท้ายก็ทิ้งไว้ที่โลก จะคงเหลือไว้แต่คุณงามความดีที่ให้ระลึกถึงกันครับ

Follow Us / Thanat Sirikitphattana