余白を指定するには

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