여백 다루기

Yunah·2025년 4월 15일

HTML/CSS

목록 보기
21/36
post-thumbnail

✏️ 여백 크기 지정

테두리를 기준으로 안 쪽 여백은 padding, 바깥 쪽 여백은 margin
여백의 크기를 제어하는 방법은 동일함

1. 여백의 모든 면에 동일한 값 지정

2. 상하여백과 좌우여백을 각각 지정

3. 위쪽 여백, 좌우여백, 아래쪽 여백을 차례로 지정

4. 위쪽, 오른쪽, 아래쪽, 왼쪽 여백을 차례로 지정(시계방향)

각 여백을 지정하여 처리도 가능


✏️ box-sizing 속성

content-box : width와 height가 content 영역만의 크기로 디폴트 값임
border-box : width와 height가 border와 padding 영역까지 포함한 크기

profile
안녕하세요☺️

0개의 댓글