枠の色やサイズを指定するには

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