คุณสมบัติ font-style จัดสไตล์ฟอนต์เพื่อเน้นข้อความ
ไวยากรณ์และตัวเลือก
font-style: normal; font-style: italic; font-style: oblique 30deg; font-style: oblique; /* global keywords */ font-style: inherit; font-style: initial; font-style: unset;
normal: ฟอนต์ปกติใน font-family ที่ระบุitalic: เอียง (italic) — เพื่อเน้นoblique: เอียงเฉพาะ (oblique) — ระบุมุม -90 ถึง 90 องศา (default 14deg)
หมายเหตุ: oblique และ italic สลับใช้ได้ เพราะ browser support — หากไม่รองรับ oblique จะ fallback เป็น italic และในทางกลับกัน
การใช้งานหลัก: เพิ่มเน้นด้วย Italic
ใช้ normal ซ้ำซ้อน — ใช้งานหลักคือ italic เพื่อเน้น
p.par { font-family: 'Indie Flower'; font-style: italic; }
ฟอนต์ Indie Flower มีแค่ normal style — เบราว์เซอร์เองทำเอฟเฟกต์เอียง!
สรุป
font-style เชื่อมโยงกับ font-family จนกว่า oblique จะรองรับเต็มที่ การใช้งานหลักคือ italic เพื่อเน้นข้อความ
