คุณสมบัติ font-variant
คุณสมบัติ font-variant ช่วยให้
ตัวอักษรพิมพ์เล็กกลายเป็นตัวพิมพ์ใหญ่ แต่
มีขนาดเล็ก
การเขียนแบบนี้เรียกว่า แคปิตอล (Capital)
ไวยากรณ์
selector {
font-variant: small-caps | normal;
}
ค่า
| ค่า | คำอธิบาย |
|---|---|
small-caps |
ทำให้ตัวอักษรพิมพ์เล็กกลายเป็นตัวพิมพ์ใหญ่ขนาดเล็ก |
normal |
ยกเลิกการทำงานของ small-caps โดยปกติจำเป็นในกรณีที่คุณต้องการยกเลิกการใช้แคปิตอลสำหรับบางส่วนของข้อความ
(ตัวอย่างเช่น ยกเลิกสำหรับย่อหน้าใดย่อหน้าหนึ่งในขณะที่ย่อหน้าอื่นทั้งหมดใช้แคปิตอล)
|
ค่าเริ่มต้น: normal
ตัวอย่าง . ค่า small-caps
ในตัวอย่างนี้ ตัวอักษรจะกลายเป็นตัวพิมพ์ใหญ่ แต่มีขนาดเล็ก:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-variant: small-caps;
}
:
เปรียบเทียบตัวอย่างก่อนหน้า (แคปิตอล) กับข้อความที่เขียนด้วยตัวพิมพ์ใหญ่ธรรมดา:
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
:
ตัวอย่าง . ค่า normal
ตอนนี้จะเป็นข้อความปกติ:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-variant: normal;
}
:
