[CSS] padding
▶ padding - 요소 내부(안쪽) 여백을 설정 - padding은 단축 속성 - padding-top, padding-bottom, padding-left, padding-right의 네 가지 개별 속성의 집합 - 속성 값 - 단위: px, em, cm 등 단위로 지정. - 기본값: 0. - %: 부모 요소의 너비(width 값)에 대한 비율로 지정(margin과 동일). - 사용법 padding: 상 우 하 좌; - 속성 값으로 4개를 적은 경우 시계 방향으로 값 적용. padding: 상 [좌, 우] 하; - 속성 값으로 3개 적은 경우.위에서 아래로 해석. padding: [상, 하] [좌, 우]; - 속성 값으로 2개 적은 경우 상/하를 우선시. padding: [상, 하, 좌, 우]; - ..
[CSS] width, height
▶ width - 요소의 가로 너비를 지정. - CSS 속성에는 기본값(별도로 설정하지 않아도 미리 지정되어 있는 값)이 존재함. - width의 기본값은 auto. - 속성 값 - auto: 브라우저가 너비를 계산. - 단위: px, em, rem, %, vw, cm 등 단위로 지정. ▶ height - 요소의 세로 너비를 지정. - 기본값은 auto. - 속성 값 - auto: 브라우저가 너비를 계산. - 단위: px, em, rem, %, vw, cm 등 단위로 지정. ※ 참고 사항 - 에 width: auto; height: auto; 지정 시에는 화면상에 아무것도 나타나지 않음. - block 요소의 경우 width: auto; height: auto;로 설정 시 브라우저는 width: 100%..
