Thuộc tính font-variant-caps trong CSS

Định nghĩa và cách sử dụng

Thuộc tính font-variant-caps kiểm soát việc sử dụng các hình tượng chữ cái in hoa thay thế.

Xin xem thêm:

Giáo trình CSS:Font trong CSS

Sách tham khảo CSS:thuộc tính font

Sách tham khảo HTML DOM:thuộc tính fontVariant

thực thể

Đặt đoạn văn thành chữ thường:}

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

Thử nghiệm trực tiếp

Cú pháp CSS

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;

Giá trị thuộc tính

Giá trị Mô tả
normal Tắt việc sử dụng hình tượng phụ.
small-caps Hiển thị các chữ cái nhỏ.
all-small-caps Hiển thị cả chữ cái in hoa và chữ cái in thường với kích thước nhỏ.
petite-caps Hiển thị các chữ cái rất nhỏ.
all-petite-caps Hiển thị cả chữ cái in hoa và chữ cái in thường với kích thước rất nhỏ.
unicase Cho phép chuyển đổi các chữ cái in hoa thành hỗn hợp in hoa và in thường nhỏ.
titling-caps Hiển thị đầu tiên in hoa.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.
unset

Ghi chú:Small caps là các chữ cái được hiển thị bằng cách sử dụng hình thức in hoa, nhưng kích thước bằng với các chữ cái in thường.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Kế thừa: Có
Chế tạo animation: không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS3
Cú pháp JavaScript: object.style.fontVariantCaps="small-caps"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 không hỗ trợ 39.0