<body>
  <div>내용</div>
</body>
* {
  margin: 0;
  padding: 0;
}
div {
  padding: 20px;
  margin: 20px;
  background: #ff6600;
}
$(document).ready(function () {
  $("div").width(150).height(150);
  console.log("width " + $("div").width());
  console.log("height " + $("div").height());
  console.log("innerWidth " + $("div").innerWidth());
  console.log("innerHeight " + $("div").innerHeight());
  console.log("outerWidth " + $("div").outerWidth(true));
  console.log("outerHeight " + $("div").outerHeight(true));
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js