CSS 내부 여백 속성

padding: 요소의 내부 여백(공간)을 지정하는 단축 속성(요소의 크기가 늘어나는 특징을 가짐)

0: 내부 여백 없음

단위: px, em, vw 등 단위로 지정

%: 부모 요소의 가로 너비에 대한 비율로 지정

 

최대 4가지 값까지 입력 가능(padding: 10px 20px 30px 40px;), 띄어쓰기로 구분

padding: top,right,bottom,left;

padding: top,bottom  left,right;

padding: top left,right bottom;

padding: top right bottom left;

 

padding-방향: 요소의 외부 여백(공간)을 지정하는 기타 개별 속성들

padding-top

padding-bottom

padding-left

padding-right