表示範囲（クリッピング）を指定するには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#objDiv {
border:1px black solid;
background-color:#FFFFE0;
width:480px;
height:120px;
position:absolute;
}
--></style>
<script type="text/javascript"><!--
function setStyle(n)
{
document.getElementById("objDiv").style.clip = "rect(0px "+n+"px 120px 0px)";
}
// --></script>
</head>
<body>
<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>
<div id="objDiv">
ここの段落の横の表示される範囲が変わります。
</div>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。