Devdit
 

ตัวหนา ตัวเอียง ขีดเส้นใต้ข้อความ CSS

20.3K

ภาษา CSS มีคำสั่งสำหรับกำหนดตัวหนาให้ข้อความ (Bold) ด้วยคำสั่ง font-weight, กำหนดตัวเอียงให้ข้อความ (Italic) ด้วยคำสั่ง font-style และขีดเส้นใต้ข้อความ (Underline) ด้วยคำสั่ง text-decoration โดยสามารถเขียนคำสั่งดังนี้

 

ตัวอย่าง กำหนดตัวหนาให้ข้อความ

<style>
.b {
    font-weight: bold;
}
</style>
ข้อความ<font class="b">ส่วนนี้เป็นตัวหนา</font>

 

ตัวอย่าง กำหนดตัวเอียงให้ข้อความ

<style>
.i {
    font-style: italic;
}
</style>
ข้อความ<font class="i">ส่วนนี้เป็นตัวเอียง</font>

ตัวอย่าง ขีดเส้นใต้ข้อความ

<style>
.i {
    text-decoration: underline;
}
</style>
ข้อความ<font class="i">ส่วนนี้ถูกขีดเส้นใต้</font>
เขียน 3 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ