width, height
- 기본값 auto : 브라우저가 기본값을 설정
- px, em, vw 등 단위로 지정
span
- 대표적인 인라인 요소 → 요소들이 수평으로 쌓임
- 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도
- 속성 값이 auto → 박스의 가로, 세로 크기가 콘텐츠의 크기만큼 자동으로 줄어듦
div
- 대표적인 블록 요소
- 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도
- 속성 값이 auto → 박스의 가로는 부모 요소의 크기만큼 자동으로 늘어나고 세로는 콘텐츠 크기만큼 자동으로 줄어듦
max-width, max-height
- 요소가 커질 수 있는 최대 가로/세로 너비
- 기본값 none : 최대 너비의 제한이 없음
- max-width 보다 가로 길이가 작아지면 비율이 자동으로 설정된다. (반응형 웹에서 사용)
- px, em, vw 등 단위로 지정