Thuộc tính font-variant của CSS

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

Thuộc tính font-variant thiết lập cách hiển thị font in nhỏ cho văn bản, điều này có nghĩa là tất cả các chữ cái in thường sẽ được chuyển đổi thành chữ cái in hoa, nhưng tất cả các chữ cái in nhỏ so với văn bản khác, kích thước font nhỏ hơn.

Giải thích

Thuộc tính này chủ yếu được sử dụng để định nghĩa văn bản in nhỏ. Trên lý thuyết, người đại diện có thể tính toán font in nhỏ dựa trên font tiêu chuẩn.

Xem thêm:

Hướng dẫn CSS:CSS về font

Tài liệu tham khảo CSS:Thuộc tính font của CSS

Tài liệu tham khảo HTML DOM:Thuộc tính fontVariant

Ví dụ

Đặt đoạn văn bản thành font in nhỏ:

p.small
  {
  font-variant:small-caps;
  }

Thử trực tiếp

Cú pháp CSS

font-variant: normal|small-caps|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
normal Giá trị mặc định. Trình duyệt sẽ hiển thị một font tiêu chuẩn.
small-caps Trình duyệt sẽ hiển thị font có chữ cái in nhỏ.
inherit Phụ lục quy định rằng giá trị thuộc tính font-variant nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Di truyền: yes
Phiên bản: CSS1
Cú pháp JavaScript: object.style.fontVariant="small-caps"

TIY ví dụ

Thiết lập font-style khác nhau
Ví dụ này minh họa cách thiết lập font-style khác nhau.

Hỗ trợ trình duyệt

Số trong bảng cho biết 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
1.0 4.0 1.0 1.0 3.5