Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt phông chữ được hiển thị bằng chữ in hoa nhỏ với JavaScript?


Để đặt phông chữ bằng chữ in hoa nhỏ, hãy sử dụng fontVariant tài sản.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để đặt phông chữ được hiển thị bằng chữ in hoa nhỏ bằng JavaScript -

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
      </p>
      <button type="button" onclick="display()">Set Font Family and Font Variant</button>
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myID").style.fontVariant = "small-caps";
         }
      </script>
   </body>
</html>