[레이아웃] 패널에서는 요소의 여백·크기·배경색·테두리를 조절해요. 섹션·이미지·텍스트·도형 등 무엇을 선택했느냐에 따라, 그 요소에 맞게 적용됩니다.
💡 요소를 클릭하면 왼쪽에 [레이아웃] 탭이 열려요.
1. 바깥 여백 & 안쪽 여백
가장 많이 헷갈리는 부분이에요. 천천히 보면 아주 간단해요.
- 안쪽 여백 — 요소 안쪽의 빈 공간.
- 바깥 여백 — 요소 바깥의 빈 공간.
💡 상자에 비유하면:
- 안쪽 여백 = 상자 안 완충재 (내용물이 상자 벽에 안 닿게 띄우기)
- 바깥 여백 = 상자끼리 떨어뜨린 거리
언제 쓰냐면요.
- 글자가 배경/테두리에 너무 딱 붙어 보이면 → 안쪽 여백을 늘려요.
- 두 요소가 너무 붙어 있으면 → 바깥 여백을 늘려요.
각 여백은 상·우·하·좌를 한 번에([통합 조정]) 또는 각각 따로([개별 조정]) 조절할 수 있어요.
2. 배경색 변경
[배경색] 은 무엇을 선택했느냐에 따라 적용 대상이 달라져요. 컨트롤은 똑같아요.
- 섹션을 선택하면 → 그 섹션 전체의 배경색
- 도형을 선택하면 → 그 도형의 색(채우기)
- 텍스트를 선택하면 → 글자 뒤의 배경색
💡 글자 뒤에 배경색을 깔았는데 글자가 너무 붙어 보이면, 안쪽 여백을 함께 늘려보세요.
3. 크기 (너비·높이)
[크기] 에서 요소의 너비와 높이를 직접 지정할 수 있어요. 이미지·도형의 크기를 정확한 값으로 맞추고 싶을 때 편해요.
4. 모서리 둥글기 & 테두리
모서리 둥글기
[모서리 둥글기] 로 요소의 모서리를 둥글게 만들어요. 값이 클수록 더 둥글어져요. (이미지·도형·배경 박스를 부드럽게 만들 때 좋아요.)
테두리
[테두리] 로 요소 둘레에 선을 둘러요.
- 스타일 — 없음 / 실선 / 파선 / 점선 / 이중선
- 두께 — 선의 굵기 (상·우·하·좌 개별 조정도 가능)
- 색상 — 테두리 색