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à:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.




Tài liệu giáo viên