​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
  #resizeMe {
6
    background: gold;
7
    width: 40px;
8
    height: 20px;
9
    margin: 7px;
10
    padding: 10px;
11
    border: 5px solid black;
12
  }
13
</style>
14
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
15
<script>
16
  $( function() {
17
    $( "button" ).click( function() {
18
      $("#resizeMe").width( "+=20" ).height( "+=20" );
19
    });
20
  });
21
</script>
22
​
23
<button>Resize the Box</button>
24
<p>Does not include padding, margins, and borders.</p>
25
<div id="resizeMe">
26
</div>