[HTML/CSS]width속성

참조 블로그 : http://aboooks.tistory.com/335

 

요소박스 구성

content - 내용 영역

padding - 내용과 border사이의 여백(내부)

border-선

margin-border와 바깥과의 여백 (외부)

 

width 속성

: 요소의 너비를 설정할 때 width 속성을 쓰는데, 이 때 width는 content영역만을 의미한다.

(padding, border, margin을 포함하지 않음)

>속성값

auto :  기본값, 브라우저가 계산한 너비(길이값 -px,cm,in,em) 등

% : 부모 요소에 상대적인 너비 (부모 요소가 500px일 때 50%fkaus 250px)

initial : 기본값으로 초기화

inherit : 부모 요소로부터 상속 받은 값

ex)html

<h3>div width:400px, img width: 50%</h3>  <div id="bear2"> <img src="width.png"><img scr="width.png"> </div>