컨테이너(메인 열이나 행 등)를 선택하면 스타일링 패널에 그 안의 모든 요소에 영향을 주는 레이아웃 컨트롤이 표시돼요. 컨테이너는 서명의 구조적 뼈대예요. 블록이 어떻게 배치되고 간격이 정해지는지를 결정해요. 단계별 안내가 필요하다면 열과 행으로 레이아웃 만들기를 참고하세요.
레이아웃
| 설정 | 기능 |
|---|
| 방향 | 행(요소를 가로로 나란히) 또는 열(요소를 세로로 쌓기) 중에서 선택 |
| 정렬 | 컨테이너 안에서 콘텐츠를 왼쪽, 가운데, 오른쪽으로 정렬 |
| 배경 | 색상 선택기 또는 16진수 코드로 배경색 설정 |
| 간격 | 컨테이너 안 자식 요소 사이의 간격 |
| 안쪽 여백 | 컨테이너 가장자리와 콘텐츠 사이의 간격. 전체 입력란을 사용해 모든 면에 같은 여백을 적용하거나, 펼쳐서 위, 오른쪽, 아래, 왼쪽을 각각 설정 |
요소를 가로로 가운데 정렬하려면 방향 → 행과 정렬 → 가운데를 함께 사용하세요. 예를 들어 행 안에서 소셜 아이콘을 가운데로 정렬할 때 유용해요.
텍스트
컨테이너에 텍스트 콘텐츠가 포함되어 있으면 글꼴, 크기, 색상, 불투명도, 행간, 서식 옵션이 있는 텍스트 섹션이 표시돼요. 이 설정은 컨테이너 안 텍스트의 기본값으로 적용돼요.
| 설정 | 기능 |
|---|
| 글꼴 | 웹 안전 글꼴 중에서 선택: Helvetica, Arial, Arial Narrow, Tahoma, Georgia, Times, Garamond, Verdana, Lucida, Trebuchet |
| 크기 | 글꼴 크기(픽셀 단위) |
| 색상 | 텍스트 색상: 색상 선택기를 사용하거나 16진수 코드 입력 |
| 불투명도 | 텍스트 투명도(100% = 완전히 보임) |
| 줄 높이 | 텍스트 줄 사이 간격 |
| 서식 | 굵게, 기울임, 밑줄, 취소선, 대문자 |
관련 문서
