<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));
});
This Pen doesn't use any external CSS resources.