<div>내용</div>
        * {
            margin: 0;
            padding: 0;
        }
        div {
            padding: 20px;
            margin: 20px;
            background: #ff6600;
        }
$(document).ready(function() {
            $("div").width(150).height(150);
            console.log("width 150" + $("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://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js