TAS 스타일 메뉴 – 정보 모듈

정보 모듈은 TAS 웹사이트의 여러 페이지에서 사용됩니다.

이는 HTML 콘텐츠를 사용자에게 전달하는 주요 수단입니다. 간격을 추가하고, 레이아웃을 조정하고, 콘텐츠를 다양한 방법으로 표시하는 옵션이 많이 있습니다. 가장 기본적인 프레젠테이션은 일반 단락이 포함된 제목 텍스트입니다. 때로는 내용을 돋보이게 하기 위해 인용부호를 사용하는 경우도 있습니다.

복사 모듈 내부에는 내용을 열이나 상자에 표시하는 기능도 있습니다. 아래 예에서는 각각에 대해 설명합니다.

사용 가능한 옵션 :

수직 여백 – 모듈 앞 및/또는 뒤에 더 많은/보통/더 적은 공간을 포함합니다.
상단 및 하단 | 탑 | 하단 | 없음 | 상단 및 하단 네거티브 | 탑 네거티브 | 하단 네거티브
제목 – 모듈 상단에 H2 제목("섹션 제목" 클래스 포함)으로 포함할 텍스트입니다.
```
본문
```
헤드라인 스타일 – 헤드라인의 표시 스타일입니다. 줄 중심은 제목 텍스트 옆에 수평선을 삽입하여 컨테이너 너비의 나머지 부분을 확장합니다. 노멀은 수평선 없이 동일합니다. 밑줄은 제목을 더 작게 만들고(26px 대 40px) 컨테이너의 전체 너비 아래에 선을 삽입합니다.
```
라인센터 | 일반 | 밑줄
```
배경 텍스처 – 모듈의 상단, 하단 또는 둘 다에 점으로 표시된 "텍스처"를 추가합니다. 배치가 확실합니다. (이것은 일반적으로 공백이나 수평선이 전달하는 범위를 넘어 콘텐츠에 "강한" 중단을 만드는 데만 사용됩니다.)
```
탑 | 하단 | 상단 및 하단 | 장애가 있는
```
배경색 – 모듈의 배경색을 설정합니다. 흰색이 기본값이며 배경색을 설정하지 않습니다(상위 컨테이너의 #FFFFFF 색상이 표시되도록 허용). White Smoke는 배경색을 #F7F6F4로 설정하고, 위쪽과 아래쪽에 20px(기본값) 패딩을 추가합니다. 앨리스 블루와 플래티넘 블루는 모두 80px의 상단과 하단에 패딩을 추가합니다. Alice blue는 배경을 #EDF7F7로 설정합니다. 플래티넘 블루는 배경을 #E1E8EC로 설정합니다.
```
앨리스 블루 | 흰 연기 | 화이트 | 플래티넘 블루
```
본문 복사 정렬 – 본문 복사 텍스트의 정렬을 설정합니다. Left는 컨테이너의 최대 너비를 650px로 설정합니다. 전체 너비는 텍스트가 포함된 컨테이너 요소의 너비를 나타냅니다. 센터는 컨테이너를 정렬합니다. 상위 컨테이너의 중앙에 배치되지만 텍스트는 여전히 왼쪽 정렬됩니다.
```
왼쪽 | 센터 | 전체 넓이
```
본문 문구 – 선택적 제목과 스타일이 포함된 일반 단락 수준 텍스트입니다. 모듈의 주요 내용입니다.
```
오픈 텍스트
```
배경색 – (본문 기본 섹션 내부에 있음) 투명은 본문 문구 부분의 배경색을 설정하지 않습니다. 하늘색 청록색과 앨리스 파란색 모두 "전체 너비" 또는 "상자"를 추가로 선택할 수 있습니다. 전체 너비는 배경색을 전체 페이지 너비로 확장합니다. 상자는 컨테이너 너비에만 걸쳐 있습니다. 하늘색 청록색은 배경을 #E1E8EC로 설정합니다. Alice blue는 배경을 #EDF7F7로 설정합니다.
```
하늘색 청록색 | 앨리스 블루 | 투명한
```
본문 복사 열 – 이 버튼을 사용하면 자체 헤드라인과 콘텐츠 열이 포함된 콘텐츠의 하위 섹션을 만들 수 있습니다. 각각은 상위 너비의 절반인 컨테이너에 표시됩니다. 본문 복사 열 섹션 아래에 "배경 파란색"으로 식별되는 추가 확인란을 사용할 수 있습니다.
- 헤드라인 – H3 헤더의 콘텐츠를 표시하는 한 줄 텍스트 필드입니다.
```
본문
```
- 본문 사본 – 콘텐츠를 표시하는 개방형 텍스트 필드입니다. 요소. 헤드라인과 본문 문구가 모두 함께 표시됩니다.
```
오픈 텍스트
```
- 파란색 배경 - 본문 복사 열 섹션이 하나 이상 추가된 경우 한 번 나타나며 ALL에 적용됩니다. 본문 복사 열 섹션 아래에 추가된 확인란입니다. 이를 선택하면 모든 열의 컨테이너 배경색이 #EDF7F7로 설정됩니다.
```
예 | 아니
```
Boxed Copy – 이 버튼을 사용하면 자체 헤드라인과 콘텐츠 주위에 상자가 있는 콘텐츠의 하위 섹션을 만들 수 있습니다. 각각은 상위 카드 너비의 절반인 약간 올라간 카드(백 셰이딩 포함)처럼 나타납니다.
- 헤드라인 – H3 헤더의 콘텐츠를 표시하는 한 줄 텍스트 필드입니다.
```
본문
```
- 본문 사본 – 콘텐츠를 표시하는 개방형 텍스트 필드입니다. 요소. 헤드라인과 본문 문구가 모두 '카드'에 함께 표시됩니다.
```
오픈 텍스트
```

다음은 권장/일반 설정(세로 여백 = "상단 및 하단", 제목 및 텍스트 예시, 헤드라인 스타일 = 일반, 배경 질감 = 비활성화, 배경 색상 = 흰색, 본문 본문의 제목 및 텍스트 예시, 배경색(본문 메인) = 투명, 본문 사본 열의 제목 및 텍스트 예시 – 시연을 위해 2번).