CSS font
- หน้าก่อน float
- หน้าต่อไป @font-face
การรับรู้และการใช้งาน
คุณสมบัติfont ย่อในการตั้งค่าคุณสมบัติตัวอักษรทั้งหมดในคำแสดงเดียว
หมายเหตุ:คุณสมบัตินี้มีค่าที่เก้าค่าที่เป็น "line-height" ซึ่งสามารถตั้งค่าระยะห่างของบรรยายเพื่อเรียบร้อย
ชี้แจง
นี่คือคุณสมบัติขยายย่อในการตั้งค่าลูกฟอร์มของความย่อยของตัวอักษรสองหรือมากกว่าทีมันทันที การใช้คำสั้นอย่าง icon สามารถตั้งค่าลูกฟอร์มให้เหมาะสมกับด้านหนึ่งของสภาพแวดล้อมคอมพิวเตอร์ของผู้ใช้ จำเป็นต้องระวังว่าหากไม่ใช้คำสั้นเหล่านี้ ควรกำหนดขนาดตัวอักษรและลูกฟอร์มตัวอักษรอย่างน้อย
คุณสามารถตั้งค่าคุณสมบัติดังนี้โดยลำดับ:
คุณสามารถละเลยค่าใดๆ ได้ เช่น font:100% verdana; ก็ยังถูกต้องตามที่เปิดด้วย คุณสมบัติที่ไม่ได้ตั้งค่าจะใช้ค่าเริ่มต้นของมัน。
ดูเพิ่มเติม:
ตัวอย่าง CSSCSS ตัวอักษร
คู่มืออ้างอิง HTML DOMfont คุณสมบัติ
ตัวอย่าง
ตั้งค่าทุกคุณสมบัติตัวอักษรในประจำคำแสดงเดียว:
p.ex1
{
font:italic arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/20px arial,sans-serif;
}
CSS ภาษา:
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| font-style | กำหนดรูปแบบตัวอักษร。font-style ค่าที่เป็นไปได้。 |
| font-variant | กำหนดแบบอักษรอื่น.font-variant ค่าที่เป็นไปได้。 |
| font-weight | กำหนดหนักแน่นของตัวอักษร。font-weight ค่าที่เป็นไปได้。 |
| font-size/line-height | กำหนดขนาดตัวอักษรและสูงของบรรทัด。font-size และ line-height ค่าที่เป็นไปได้。 |
| font-family | กำหนดหลักของตัวอักษร。font-family ค่าที่เป็นไปได้。 |
| caption | กำหนดตัวอักษรที่ใช้โดยตัวควบคุมของหัวข้อ (เช่น ปุ่ม, รายการด้านล่าง, และอื่นๆ). |
| icon | กำหนดตัวอักษรที่ใช้โดยสัญลักษณ์. |
| menu | กำหนดตัวอักษรที่ใช้โดยรายการด้านล่าง. |
| message-box | กำหนดตัวอักษรที่ใช้โดยดาล็อก. |
| small-caption | เล็กกว่าของ caption ตัวอักษร。 |
| status-bar | กำหนดตัวอักษรที่ใช้โดยสเตทัสบาร์ของหน้าต่าง。 |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | not specified |
|---|---|
| เชื่อมโยง: | yes |
| เวอร์ชั่น: | CSS1 |
| JavaScript ภาษา: | object.style.font="italic small-caps bold 12px arial,sans-serif" |
ตัวอย่าง TIY
- ทุกคุณสมบัติตัวอักษรในประจำคำแสดงเดียว
- ตัวอย่างนี้แสดงวิธีการใช้รูปแบบของคุณสมบัติที่ใช้ตัวอักษรเล็กเพื่อตั้งค่าคุณสมบัติในประจำคำแสดง。
- ตั้งค่าตัวอักษรในตอนที่ใช้ค่า "caption"
- ตัวอย่างนี้แสดงวิธีการตั้งค่าตัวอักษรในตอนที่ใช้ค่า "caption"。
การสนับสนุนโปรแกรมนี้
ตัวเลขในตารางชี้ว่าบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- หน้าก่อน float
- หน้าต่อไป @font-face
