CSS ความแปลงรูปแบบตัวอักษร
- หน้าก่อน font-style
- หน้าต่อไป font-variant-caps
การกำหนดและการใช้งาน
font-variant อุปกรณ์ตั้งค่าการแสดงข้อความในรูปแบบตัวหลังเล็ก ซึ่งหมายความว่าตัวอักษรทั้งหมดจะถูกเปลี่ยนเป็นตัวใหญ่ แต่ตัวอักษรที่ใช้ฟอนต์ในรูปแบบตัวหลังเล็กจะมีขนาดฟอนต์เล็กกว่าข้อความอื่นๆ
คำอธิบาย
คุณสมบัตินี้ใช้เพื่อกำหนดข้อความในรูปแบบตัวหลังเล็ก ในทฤษฎี ตัวแทนตัวอักษรสามารถคำนวณฟอนต์ในรูปแบบตัวหลังเล็กจากฟอนต์ทั่วไปได้
ดูเพิ่มเติมที่
คู่มือ CSSCSS ตัวอักษร
คู่มือ CSSCSS ความย่อมตัว
คู่มือเอชทีเอ็มแอล โดเมนfontVariant อุปกรณ์
ตัวอย่าง
ตั้งค่าส่วนประกอบปารากราฟให้เป็นฟอนต์ในรูปแบบตัวหลังเล็ก
p.small
{
font-variant:small-caps;
}
ระบบการเขียน CSS
font-variant: normal|small-caps|initial|inherit;
ค่าของอุปกรณ์
| ค่า | คำอธิบาย |
|---|---|
| normal | ค่าเริ่มต้น。บราวเซอร์จะแสดงฟอนต์ในรูปแบบทั่วไป。 |
| small-caps | บราวเซอร์จะแสดงฟอนต์ในรูปแบบตัวหลังเล็ก |
| inherit | กำหนดให้ค่าของ font-variant ต้องได้รับมาจากองค์ประกอบพ่อของเลขฉาย。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | normal |
|---|---|
| ความสืบทอด: | yes |
| เวอร์ชั่น: | CSS1 |
| ระบบการเขียน JavaScript: | object.style.fontVariant="small-caps" |
ตัวอย่างโดยตรง
- ตั้งค่าความแตกต่างของฟอนต์
- ตัวอย่างนี้แสดงวิธีการตั้งค่าความแตกต่างของแบบอักษรของฟอนต์。
การสนับสนุนโปรแกรมนำทาง
ตัวเลขในตารางชี้ถึงเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- หน้าก่อน font-style
- หน้าต่อไป font-variant-caps
