- inline 태그들의 가로 길이 = 컨텐츠의 길이 (변경X)
- 해당 태그가 마크업하고 있는 컨텐츠의 크기 만큼만 공간을 차지하도록 되어있음!
width 가로 길이
- block 태그의 기본 가로는 100%으로 설정되어 있음
- 보통 부모크기의 100%
- 항상 자식 값의 가로길이를 늘려도, 부모값의 길이가 작으면 커지지 않는다는 것을 생각!
- min-width : 최소 가로길이 설정
- max-width : 최대 가로 길이 설정
- min, max를 이용하여 페이지 크기 조절 범위 설정
height 세로 길이
- 컨텐츠가 없는 경우) 0으로 자동 설정
- 컨텐츠가 있는 경우) 컨텐츠의 높이만큼 세로길이 자동할당
중앙에 오게 하려면
padding을 이용하여 밀어주는 방법밖에 없음!
'HTML.CSS.JS > css' 카테고리의 다른 글
[CSS] shadow 그림자 설정 (0) | 2023.04.06 |
---|---|
[CSS] background 배경 속성 (0) | 2023.04.06 |
[CSS] border 테두리 속성 (0) | 2023.04.06 |
[CSS] 폰트 속성 / 단위 (0) | 2023.04.06 |
[CSS] 색상 사용 (0) | 2023.04.06 |