CSS - แบบอักษรตัวแปร

คำอธิบาย

คุณสมบัติแบบอักษรจะกำหนดการใช้หนึ่งในสองหน้าแบบอักษรที่จะใช้ในการแสดงผลข้อความขององค์ประกอบที่กำหนด

ค่าที่เป็นไปได้

  • normal- ระบุหน้าตาแบบอักษรปกติ นั่นคืออะไรก็ตามที่เป็นใบหน้าเริ่มต้นสำหรับฟอนต์ที่ใช้

  • small-caps- ระบุใบหน้าขนาดเล็ก นั่นคือใบหน้าที่แสดงอักขระตัวพิมพ์เล็กเป็นตัวพิมพ์ใหญ่ซึ่งมีขนาดเล็กกว่าตัวอักษรที่ใช้สำหรับอักขระตัวพิมพ์ใหญ่

นำไปใช้กับ

องค์ประกอบ HTML ทั้งหมด

ไวยากรณ์ DOM

object.style.fontVariant = "small-caps";

ตัวอย่าง

นี่คือตัวอย่างการใช้คุณสมบัตินี้ -

<html>
   <head>
   </head>

   <body>
      <p style = "font-variant:small-caps;">
         This text will be rendered as small caps
      </p>
   </body>
</html>

สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -


CSS ตอบสนอง

Language