ตัวอย่าง
ตั้งค่าตัวอักษรสำหรับ <p> องค์ประกอบ:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติตัวอักษรหรือผลตอบแทนได้ถึงหกคุณสมบัติแบบอักษรที่แยกจากกันในรูปแบบที่จดชวเลข
ด้วยคุณสมบัตินี้คุณสามารถตั้ง / กลับมาดังต่อไปนี้ (ในลำดับนี้):
- รูปแบบตัวอักษร
- ตัวอักษรที่แตกต่างกัน
- font-weight
- ขนาดตัวอักษร
- line-height
- font-family
ตัวอักษรขนาดและ font-family จะต้อง หากหนึ่งในค่าอื่น ๆ หายไปเป็นค่าเริ่มต้นจะถูกแทรกถ้ามี
คุณสมบัติดังกล่าวข้างต้นยังสามารถตั้งค่าด้วยคุณสมบัติของสไตล์ที่แยกต่างหาก การใช้งานของคุณสมบัติที่แยกจากกันขอแนะนำสำหรับผู้เขียนไม่ใช่ขั้นสูงสำหรับการควบคุมที่ดีกว่า
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการแบบอักษรที่ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับคุณสมบัติตัวอักษร:
object .style.font
ตั้งค่าคุณสมบัติตัวอักษร:
object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| style | ชุดตัวอักษรสไตล์ |
| variant | การตั้งค่าข้อความในตัวอักษรขนาดเล็กหมวก |
| weight | ชุดความกล้าหาญของตัวอักษร |
| size | กำหนดขนาดของตัวอักษร |
| lineHeight | ตั้งระยะห่างระหว่างบรรทัด |
| family | การตั้งค่าหน้าตัวอักษร |
| caption | ตัวอักษรที่ใช้สำหรับการควบคุม captioned (like buttons, drop-downs, etc.) |
| icon | ตัวอักษรที่ใช้ในการไอคอนฉลาก |
| menu | ตัวอักษรที่ใช้ในเมนู |
| message-box | ตัวอักษรที่ใช้ในกล่องโต้ตอบ |
| small-caption | ตัวอักษรที่ใช้ในการควบคุมขนาดเล็ก |
| status-bar | ตัวอักษรที่ใช้ในแถบสถานะหน้าต่าง |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ไม่ได้ระบุ |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของคุณสมบัติแบบอักษรที่แตกต่างกันขององค์ประกอบ |
| CSS รุ่น | CSS1 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
กลับตัวอักษรที่ <p> องค์ประกอบ:
alert(document.getElementById("myP").style.font); ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS อักษร
อ้างอิง CSS: font property
<สไตล์วัตถุ