본문 바로가기
Web/Css

css - padding

by 다니엘의 개발 이야기 2022. 11. 17.
320x100

padding

-padding은 근본적으로 설정된 위치에 대해서 설정한 값만큼 여유분을 가지게 되는 기능이다.

 

#1 Apply to all four sides

padding: 10px;


#2 vertical(세로) | horizontal(수평|가로) 

padding: 5px 10px;


#3 top | horizontal | bottom

padding: 1px 2px 2px;


#4 top | right | bottom | left

padding: 5px 1px 0 2px ;

 

4개를 모두다 사용할때는 위에서부터 시계방향으로 돌아가며 적용된다고 생각하면 된다.

300x250