Thuộc tính font-variant trong CSS



Thuộc tính font-variant giúp bạn lựa chọn Font Face nào (dạng Normal hoặc Small-caps) nên được sử dụng. Bạn cũng có thể tham khảo thuộc tính font-style để tìm hiểu thêm 3 Font Face khác.

Thuộc tính font-variant có thể nhận giá trị:

  • normal: đây là bề mặt font mặc định.

  • small-caps: các chữ cái sẽ được hiển thị dưới dạng các chữ cái hoa nhỏ.

Thuộc tính font-variant có thể áp dụng cho:

Tất cả các phần tử HTML.

Cú pháp thuộc tính font-variant trong DOM

object.style.fontVariant = "small-caps";
Quảng cáo

Ví dụ thuộc tính font-variant trong CSS

Bạn theo dõi ví dụ sau để thấy cách sử dụng của thuộc tính font-variant trong CSS:

<html>
   <head>
   </head>
   <body>
      <p style="font-variant:small-caps;">
      Doan van nay se duoc hien thi duoi dang cac chu hoa nho.
      </p>
   </body>
</html> 

Kết quả là: