Thuộc tính style fontVariant

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

fontVariant Thuộc tính thiết lập hoặc trả về phông chữ có hiển thị dưới dạng chữ hoa nhỏ hay không.

Đ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ữ hoa, nhưng so với phần còn lại của văn bản, các chữ cái này có kích thước phông nhỏ hơn.

Xem thêm:

Hướng dẫn CSS:Phông chữ CSS

Hướng dẫn CSS:Thuộc tính font-variant

Hướng dẫn HTML DOM:Thuộc tính font

Mô hình

Ví dụ 1

Đặt phần tử <p> thành phông chữ in hoa nhỏ:

document.getElementById("myP").style.fontVariant = "small-caps";

Thử ngay

Ví dụ 2

Trả về biến thể phông chữ của phần tử <p>:

alert(document.getElementById("myP").style.fontVariant);

Thử ngay

Cú pháp

Trả về thuộc tính fontVariant:

object.style.fontVariant

Đặt thuộc tính fontVariant:

object.style.fontVariant = "normal|small-caps|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
normal Phông chữ bình thường. Mặc định.
small-caps Phông chữ hiển thị bằng chữ in hoa nhỏ.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thực thi từ thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Giá trị trả về: Chuỗi, biểu thị phông chữ thường hoặc in hoa nhỏ.
CSS phiên bản: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ