คุณสมบัติตัวอักษร CSS

คุณสมบัติตัวอักษร

เพื่อย่อความยาวของรหัส ยังสามารถกำหนดคุณสมบัติตัวเดี่ยวๆ ในอันหนึ่งอีกด้วย

font ตัวบันทึกของคุณสมบัตินี้เป็นรูปแบบย่อของคุณสมบัติดังนี้

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

ตัวอย่าง

ใช้รูปแบบย่อมากำหนดบางคุณสมบัติของตัวอักษร

p.a {
  font: 20px Arial, sans-serif;
}
p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

ลองด้วยตัวเอง

注意：font-size และ font-family ค่าที่มีอยู่นั้นจำเป็น ถ้าขาดค่าอื่นๆ หนึ่งในบางส่วน จะใช้ค่าเริ่มต้น

คุณสมบัติ CSS ตัวอักษรทั้งหมด

คุณสมบัติ คำอธิบาย
font คุณสมบัติย่อ
font-family กำหนดครอบคลุมของตัวอักษร
font-size กำหนดขนาดของตัวอักษร
font-style กำหนดรูปแบบของตัวอักษร
font-variant กำหนดว่าจะแสดงข้อความด้วยตัวอักษรหลักและตัวอักษรเล็กหรือไม่
font-weight กำหนดความหนาของตัวอักษร