Style fontVariant รายละเอียด
- หน้าก่อน fontStyle
- หน้าต่อไป fontWeight
- กลับไปยังระดับเดิม HTML DOM Style 对象
คำอธิบายและการใช้งาน
fontVariant ตั้งค่าหรือกลับค่าว่าคุณสมบัตินี้จะแสดงอักษรด้วยตัวใหญ่เล็กหรือไม่
นี่หมายความว่าทุกตัวอักษรต่ำจะถูกเปลี่ยนเป็นตัวใหญ่ แต่ขนาดของตัวอักษรดังกล่าวจะเล็กกว่าส่วนอื่นของข้อความ
ดูเพิ่มเติม:
เรียนรู้ CSS:CSS ตัวหนังสือ
คู่มือ CSS:font-variant รายละเอียด
คู่มือ HTML DOM:font รายละเอียด
ตัวอย่าง
ตัวอย่าง 1
ตั้งค่า element <p> ให้แสดงด้วยตัวใหญ่เล็ก
document.getElementById("myP").style.fontVariant = "small-caps";
ตัวอย่าง 2
กลับค่า font variant ของ element <p>:
alert(document.getElementById("myP").style.fontVariant);
รูปแบบ
กลับค่า fontVariant:
object.style.fontVariant
ตั้งค่าคุณสมบัติ fontVariant:
object.style.fontVariant = "normal|small-caps|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| normal | แสดงอักษรทั่วไป |
| small-caps | แสดงอักษรด้วยตัวใหญ่เล็ก |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น initial。 |
| inherit | สืบทอดคุณสมบัตินี้จากตัวปลอมต้น inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | normal |
|---|---|
| ค่าที่กลับมา: | ข้อความ，แสดงถึงความยาวของแบบอักษรตัวใหญ่หรือตัวใหญ่เล็ก |
| CSS รุ่น: | CSS1 |
การสนับสนุนโดยเบราเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน fontStyle
- หน้าต่อไป fontWeight
- กลับไปยังระดับเดิม HTML DOM Style 对象
