CSS ความแปลงแบบตัวอักษรในหมู่ตัวอักษร
- หน้าก่อน font-variant
- หน้าต่อไป font-weight
การระบุและการใช้งาน
속性 font-variant-caps ควบคุมการใช้แบบอักษรใหม่ในการใช้ภาษาใหญ่
ดูเพิ่มเติมที่:
ตัวเรียน CSS:CSS ตัวอักษร
คู่มือ CSS:속성 font
คู่มือ HTML DOM:속성 fontVariant
ตัวอย่าง
ตั้งค่าบทบาทเป็นตัวอักษรเล็ก:
p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}
การเขียน CSS
font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
ค่าคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| normal | ปิดการใช้ตัวอักษรย่อยหนาวเป็นประกอบ |
| small-caps | แสดงตัวอักษรย่อยหนาว |
| all-small-caps | แสดงตัวอักษรใหญ่และตัวอักษรเล็กในรูปแบบตัวอักษรย่อยหนาว |
| petite-caps | แสดงตัวอักษรย่อยหนาว |
| all-petite-caps | แสดงตัวอักษรใหญ่และตัวอักษรเล็กในรูปแบบตัวอักษรย่อยหนาว |
| unicase | อนุญาตให้เปลี่ยนตัวอักษรใหญ่เป็นตัวอักษรย่อยหนาวและตัวอักษรเล็กปกติ |
| titling-caps | แสดงให้ตัวอักษรแรกในคำเป็นตัวใหญ่ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น。ดูเพิ่มเติมที่: initial. |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา。ดูเพิ่มเติมที่: inherit. |
| unset |
หมายเหตุ:ตัวหนังสือใหญ่แบบย่อยหนาวกำหนดให้ตัวหนังสือใหญ่ใช้รูปแบบใหญ่แต่ขนาดเท่าตัวหนังสือเล็ก
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | normal |
|---|---|
| ที่สืบทอด: | ใช่ |
| การสร้างอนุรักษ์: | ไม่สนับสนุน。ดูเพิ่มเติมที่:คุณสมบัติที่เกี่ยวกับอนุรักษ์. |
| รุ่น: | CSS3 |
| การเขียนระบบโปรแกรม JavaScript: | object.style.fontVariantCaps="small-caps" |
การสนับสนุนโปรแกรมน่าเชื่อถือ
ตัวเลขในตารางระบุสำหรับเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 52.0 | 79.0 | 34.0 | ไม่สนับสนุน | 39.0 |
- หน้าก่อน font-variant
- หน้าต่อไป font-weight
