<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: 150px;
width: 200px;
height: 100px;
background-color: yellow;
border: 1px solid black;
transform: scaleX(0.5);
}
</style>
</head>
<body>
<h1>scaleX()メソッド</h1>
<p>scaleX()メソッドは、要素の幅を増減します。</p>
<div>
このdiv要素は元の幅の半分です。
</div>
</body>
</html>
