สไตล์แบบอักษร CSS
รูปแบบตัวอักษร
คุณสมบัติ ส่วนfont-style
ใหญ่จะใช้เพื่อระบุข้อความตัวเอียง
คุณสมบัตินี้มีสามค่า:
- ปกติ - ข้อความจะแสดงตามปกติ
- ตัวเอียง - ข้อความจะแสดงเป็นตัวเอียง
- เฉียง - ข้อความ "เอน" (เอียงคล้ายกับตัวเอียงมาก แต่รองรับน้อยกว่า)
ตัวอย่าง
p.normal {
font-style: normal;
}
p.italic {
font-style: italic;
}
p.oblique {
font-style: oblique;
}
น้ำหนักแบบอักษร
คุณสมบัติfont-weight
ระบุน้ำหนักของแบบอักษร:
ตัวอย่าง
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
Font Variant
คุณสมบัติfont-variant
ระบุว่าข้อความควรแสดงเป็นฟอนต์ตัวพิมพ์เล็กหรือไม่
ในแบบอักษรตัวพิมพ์เล็ก อักษรตัวพิมพ์เล็กทั้งหมดจะถูกแปลงเป็นตัวพิมพ์ใหญ่ อย่างไรก็ตาม ตัวอักษรตัวพิมพ์ใหญ่ที่แปลงแล้วจะปรากฏในขนาดแบบอักษรที่เล็กกว่าตัวอักษรตัวพิมพ์ใหญ่ดั้งเดิมในข้อความ
ตัวอย่าง
p.normal {
font-variant: normal;
}
p.small {
font-variant: small-caps;
}