HTML DOM fontStretch ປະສົງ

ການກໍານົດ ແລະ ການນໍາໃຊ້

ປະສົງ fontStretch ຂອງ HTML DOM ຖືກນຳໃຊ້ເພື່ອການປ່ຽນຮູບຮ່າງຂອງ font-family.

ມູນວິທິ:

Object.style.fontStretch=value

ຄູ່ມູນທີ່ສາມາດມີ

ຄູ່ມູນ ການອະທິບາຍ
normal ຄຸນພາສາມັດທະນາຄານ. ການປ່ຽນຄຸນພາສາໃຫ້ກະຈາຍຫນັງຫນັງຫນັງ.
wider ການປ່ຽນຄຸນພາສາຂະຫຍາຍໃຫ້ກະຈາຍຫນັງຫນັງຫນັງ.
narrower ການປ່ຽນຄຸນພາສາຂະຫຍາຍໃຫ້ກະຈາຍຫນັງຫນັງຫນັງ.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

ການກວດສອບຄຸນພາສາ font-family

"ultra-condensed" ແມ່ນຈຸດສູງສຸດ, ແລະ "ultra-expanded" ແມ່ນຈຸດຕໍ່າສຸດ.

ຄວາມທົດລອງ

ບົດການນີ້ສະແດງວ່າ:

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">This is an example paragraph.</p>
<input type="button" onclick="setFontStretch()" 
value="Stretch font" />
</body>
</html>