сделал если кому то понадобится вот
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//////////////////border color
function bordC () {
var bodrerBody = document.getElementById('body_content');
var bc = document.getElementById('bord_color').value;
bodrerBody.style.borderColor = bc;
}
//////////////////border thickness
function bordT () {
var bodrerBody = document.getElementById('body_content');
var bc = document.getElementById('bord_color').value;
var bt = document.getElementById('bord_thickness').value;
bodrerBody.style.border = bt+'px solid'+bc;
}
</script>
</head>
<body>
<form method="post" action="" style="border: 1px solid #111; width: 400px;">
бордюр цвет <input id="bord_color" type="text" name="border" onkeyup="bordC()" /> <br />
бордюр толщина<input id="bord_thickness" type="text" name="border" onkeyup="bordT()" /> <br />
</form>
<div id="body_content" style="margin-top: 200px; width: 300px; height: 100px; border: 3px solid #111;"></div>
</body>
</html>