HTML DOM fontStretch 속성

정의와 사용법

fontStretch 속성은 현재 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">이는 예제 문단입니다.</p>
<input type="button" onclick="setFontStretch()" /> 
value="Stretch font" />
</body>
</html>