ตัวอย่าง
ระบุทุกคุณสมบัติตัวอักษรในหนึ่งประกาศ:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ตัวอักษรคุณสมบัติจดชวเลขทุกชุดคุณสมบัติแบบอักษรในหนึ่งประกาศ
คุณสมบัติที่สามารถตั้งค่าเป็น (in order) : "font-style font-variant font-weight font-size/line-height font-family"
ค่า font-size และ font-family จะต้อง หากหนึ่งในค่าอื่น ๆ หายไปเป็นค่าเริ่มต้นจะถูกแทรกถ้ามี
Note: คุณสมบัติ line-height กำหนดช่องว่างระหว่างบรรทัด
| ค่าเริ่มต้น: | The default value of all the font properties |
|---|---|
| รับการถ่ายทอด: | yes |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
หมายเหตุ: โปรดดูการสนับสนุนเบราว์เซอร์ของแต่ละบุคคลสำหรับค่าแต่ละด้านล่าง
CSS ไวยากรณ์
font:font-stylefont-variantfont-weightfont-size/line-height
font-family |caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;ค่าทรัพย์สิน
| ที่ดิน / ราคา | ลักษณะ |
|---|---|
| font-style | ระบุลักษณะแบบอักษร ค่าเริ่มต้นเป็น "normal" ดู อักษรสไตล์ สำหรับค่าที่เป็นไปได้ |
| font-variant | ระบุตัวอักษรที่แตกต่างกัน ค่าเริ่มต้นเป็น "normal" ดู ตัวอักษรที่แตกต่างกัน สำหรับค่าที่เป็นไปได้ |
| font-weight | ระบุน้ำหนักตัวอักษร ค่าเริ่มต้นเป็น "normal" ดู font-weight สำหรับค่าที่เป็นไปได้ |
| font-size/line-height | ระบุขนาดตัวอักษรและ line-height ค่าเริ่มต้นเป็น "normal" ดู font-size และ line-height สำหรับค่าที่เป็นไปได้ |
| font-family | ระบุครอบครัวตัวอักษร ค่าเริ่มต้นขึ้นอยู่กับเบราว์เซอร์ ดู font-family ค่าที่เป็นไปได้ |
| caption | ใช้แบบอักษรที่ใช้ในการควบคุมการ captioned (เช่นปุ่มวางดาวน์ ฯลฯ ) |
| icon | ใช้แบบอักษรที่ใช้โดยค่ายไอคอน |
| menu | ใช้แบบอักษรที่จะถูกใช้โดยเมนูแบบเลื่อนลง |
| message-box | ใช้แบบอักษรที่จะถูกใช้โดยกล่องโต้ตอบ |
| small-caption | รุ่นเล็กของตัวอักษรคำบรรยายใต้ภาพ |
| status-bar | ใช้แบบอักษรที่จะถูกใช้โดยแถบสถานะ |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
การสาธิตของบางส่วนของอื่น ๆ ค่าทรัพย์สินอักษร
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ตัวอักษร
อ้างอิง HTML DOM: font property