表示幅を指定するには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#objDiv {
border:1px black solid;
width:480px;
height:120px;
}
--></style>
<script type="text/javascript"><!--
function setStyle(n)
{
document.getElementById("objDiv").style.width = n;
}
// --></script>
</head>
<body>
<div id="objDiv">
ここの段落の横幅が変わります。
</div>
<form>
<input type="button" value="横幅を150にする" onClick="setStyle(150)"><br>
<input type="button" value="横幅を250にする" onClick="setStyle(250)"><br>
<input type="button" value="横幅を350にする" onClick="setStyle(350)"><br>
</form>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。