Thuộc tính font
Thuộc tính font là một thuộc tính viết tắt,
trong đó có thể sử dụng các thuộc tính
CSS sau: font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Cú pháp
selector {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
Các thuộc tính bắt buộc là font-size
và font-family, các thuộc tính khác có thể bỏ qua,
nhưng vẫn phải giữ nguyên thứ tự.
Các thuộc tính font-style, font-variant,
font-weight có thể đổi chỗ cho nhau theo bất kỳ
thứ tự nào.
Chú ý rằng thuộc tính line-height
được viết sau dấu gạch chéo và sau thuộc tính font-size.
Ví dụ
Hãy tạo văn bản nghiêng với kích thước
15px, kiểu Arial, và khoảng cách dòng
là 30px:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Ví dụ
Một ví dụ khác:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Ví dụ
Chỉ định kích thước phông chữ và họ phông chữ, bỏ qua các thuộc tính khác:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Ví dụ
Nếu chỉ đặt kích thước phông chữ, nó sẽ không được áp dụng, vì bắt buộc phải chỉ định thêm họ phông chữ:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
