Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

สร้างเอฟเฟกต์ Small-caps ด้วย CSS


คุณสมบัติ font-variant

เพื่อสร้างเอฟเฟกต์ small-caps (ตัวอักษรเล็กแทนตัวพิมพ์เล็ก) ให้ใช้คุณสมบัติ font-variant

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การทำงานของคุณสมบัติ font-variant ใน CSS:

<html>
  <head>
  </head>
  <body>
    <p style="font-variant:small-caps;">
      Asia, Antartica, Africa are continents </p>
  </body>
</html>

ค่าที่ใช้ได้:

  • normal - ปกติ (ค่าเริ่มต้น)
  • small-caps - ตัวอักษรพิมพ์เล็กจะกลายเป็นตัวพิมพ์ใหญ่ขนาดเล็ก

เหมาะสำหรับหัวข้อหรือข้อความที่ต้องการเน้นแบบ Typography