CSS ขีดกลางตัวอักษร ด้วยคำสั่ง text-decoration: line-through

สอนเขียนโค้ดภาษา CSS ขีดกลางตัวอักษร โดยแนะนำให้ใชคำสั่ง text-decoration กำหนดค่าเป็น line-through จะเป็นการขีดเส้นกลางตัวอักษร หรือทับตัวอักษรที่ต้องการ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่างที่ 1 CSS ขีดกลางตัวอักษร ด้วยคำสั่ง text-decoration: line-through แบบแทรกลงแท็ก HTML

<span style='text-decoration:line-through'>
    ราคาปกติ 1,999.- บาท
</span>

ตัวอย่างที่ 2 CSS ขีดกลางตัวอักษร ด้วยคำสั่ง text-decoration: line-through แบบเขียน CSS แยก

<style>
    .line_through {
        text-decoration: line-through;
    }
</style>

<span class="line_through">
    ราคาปกติ 1,999.- บาท
</span>