CSS box-sizing 속성

1 개요

CSS3 box-sizing Property

CSS box-sizing 속성

• 기본값은 content-box

2 예시

html

Copy

<style>
div {
  padding: 10px;
  width: 60px;
  height: 60px;
  border: 10px solid black;
  background-color: red;
}
.box-a { box-sizing: content-box; }
.box-b { box-sizing: border-box; }
</style>

<div class='box-a'>가나다라마바</div>
<div class='box-b'>가나다라마바</div>

• 예제: http://zetawiki.com/ex/css/box-sizing.php

3 같이 보기

• CSS padding 속성
• CSS border 속성
• CSS 박스 모델

4 참고

• http://www.w3schools.com/cssref/css3_pr_box-sizing.asp