หากต้องการย่อโค้ดให้สั้นลง คุณยังสามารถระบุคุณสมบัติแบบอักษรแต่ละรายการในคุณสมบัติเดียวได้
คุณสมบัติ font เป็นคุณสมบัติชวเลขสำหรับ:
font-style
font-variant
font-weight
font-size/line-height
font-familyหมายเหตุ: font-size และ font-family จำเป็นต้องระบุค่า หากไม่มีค่าอื่นค่าใดค่าหนึ่ง ระบบจะใช้ค่าเริ่มต้น
ใช้ font เพื่อตั้งค่าคุณสมบัติแบบอักษรต่างๆ ประกาศฉบับหนึ่ง:
p.a
{
font: 20px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<head>
<style>
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>
<h1>The font Property</h1>
<p class="a">This is a paragraph. The font size is set to 20 pixels, and the font family is Arial.</p>
<p class="b">This is a paragraph. The font is set to italic, small-caps and bold, the font size is set to 12 pixels, the line height is set to 30 pixels, and the font family is Georgia.</p>
</body>
</html>
ตั้งค่าคุณสมบัติแบบอักษรทั้งหมดในการประกาศเดียว
ระบุตระกูลแบบอักษรสำหรับข้อความ
ระบุขนาดตัวอักษรของข้อความ
ระบุลักษณะแบบอักษรสำหรับข้อความ
ระบุว่าควรแสดงข้อความด้วยแบบอักษรตัวพิมพ์เล็กหรือไม่
ระบุน้ำหนักของแบบอักษร