CSS Padding

✔  CSS Padding

 

• padding-top
• padding-right
• padding-bottom
• padding-left

• 속성 : length, %, inherit

• padding: 상단, 오른쪽, 하단, 왼쪽 ;  -> 4개
• padding : 상단. 오른쪽/왼쪽 , 하단; -> 3개
• padding : 위/아래, 오른쪽/왼쪽 -> 2개
• padding : 모두 -> 1개

 

• 요소에 지정된 너비가 있는 경우, 추가된 패딩이 요소의 전체 너비에 추가됨

 

• 패딩 값에 상관 없이 너비 유지 (실제 너비 유지하되, 내부 콘텐츠 공간이 줄어듬)  :: box-sizing: border-box;