height property:
height property sets the height of an element.
width property:
width property sets the width of an element.
Example:
Eg: total height is 120px when you add the padding heights too (top and bottom)
<html>
<head>
<style type="text/css">
.dimension {
width:300px;
height:100px;
padding: 10px;
background-color:grey;
}
</style>
</head>
<body>
<div class="dimension">
Box test
</div>
</body>
</html>
Outputs: