웹프로그래밍 css (13) padding 영역 관련 속성

📕 padding 영역 관련 속성

• padding은 크기만 지정할 수 있음.
• 위쪽 오른쪽 아래쪽 왼쪽으로 지정한다.
  padding-top, padding-right, padding-bottom, padding-left으로도 지정이 가능하다.

📒 속성값

• length : 고정값으로 지정합니다. (ex. px, em ....)
• percent : 요소의 width에 상대적인 크기를 지정합니다.

padding: [-top] [-right] [-bottom] [-left];

📖 축약형 padding

• 위쪽 오른쪽 아래쪽 왼쪽을 한번에 지정할 수 있다.

<경우>
1.왼쪽 오른쪽이 동일할 때 : 위쪽 오른쪽 아래쪽만 지정한다.

padding: 30px 20px 10px;

2.위쪽 아래쪽이 동일할 때 : -> 불가능 (위쪽 오른쪽 왼쪽 구분 X), 각각 속서이용
3.왼쪽 오른쪽, 위쪽 아래쪽이 동일 할때 : 위쪽 오른쪽만 쓴다.

padding: 30px 20px ;

4. 모두 동일할때

padding: 30px ;

👏 참고 : css는 0값에 대해서는 단위를 따로 적지 않는다.
0px = 0% = 0em = 0pt... => " 0 "