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