Thuộc tính biến thể phông chữ CSS
Ví dụ
Đặt đoạn văn thành phông chữ viết hoa nhỏ:
p.small
{
font-variant: small-caps;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Trong phông chữ viết hoa nhỏ, tất cả các chữ cái viết thường đều được chuyển thành chữ in hoa. Tuy nhiên, các chữ in hoa được chuyển đổi sẽ xuất hiện ở cỡ chữ nhỏ hơn các chữ in hoa ban đầu trong văn bản.
Thuộc tính font-variant
chỉ định liệu văn bản có được hiển thị bằng phông chữ viết hoa nhỏ hay không.
Giá trị mặc định: | Bình thường |
---|---|
Thừa hưởng: | Đúng |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | object .style.fontVariant="small-caps" Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
font-variant: normal|small-caps|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
normal | The browser displays a normal font. This is default | Demo ❯ |
small-caps | The browser displays a small-caps font | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Phông chữ CSS
Tham chiếu CSS: thuộc tính phông chữ
Tham chiếu DOM HTML: thuộc tính fontVariant