Change the width of the top and bottom border to thick, and the left and right border to thin of a <div> element: - Javascript CSS Style Property

Javascript examples for CSS Style Property:borderWidth

  1. HOME
  2. Javascript
  3. CSS Style Property
  4. borderWidth

Description

Change the width of the top and bottom border to thick, and the left and right border to thin of a <div> element:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
#myDiv {/*from  w ww. j a  v  a2 s.  c o  m*/
    border-style: solid;
}
</style>
</head>
<body>

<div id="myDiv">This is a div element.</div>
<br>
<button type="button" onclick="myFunction()">Change width of the four borders</button>

<script>
function myFunction() {
    document.getElementById("myDiv").style.borderWidth = "thick thin";
}
</script>

</body>
</html>

Related Tutorials