일반적인 콘텐츠 스타일 사용 work-with-common-styles

편집에 필요한 스타일시트를 엽니다.

스타일 목록에서 제목 스타일 ​을 확장합니다.

제목 스타일 스타일을 마우스 오른쪽 단추로 클릭하고 새 스타일 ​을 선택합니다.

스타일 추가 대화 상자에서 태그 이름을 h2(으)로 유지하고 클래스 이름 필드에 chapter을(를) 입력합니다.

완료 ​를 클릭합니다.

편집에 필요한 스타일시트를 엽니다.

스타일 목록에서 제목 스타일 ​을 확장합니다.

목록에서 h1 스타일을 선택하십시오.
h1 스타일에 대한 속성은 해당 미리 보기와 함께 [속성] 패널에 표시됩니다.

일련 번호 속성을 선택하십시오.

자동 번호 목록에 적용할 수 있는 스타일은 Autonumber 속성 아래에 표시됩니다.

다음 속성을 설정합니다.

• 스타일: 로케일별 또는 일반 번호 매기기 스타일의 넓은 범위에서 선택하십시오. 아랍어-인도어, 데바나가리, 그루지야어, 십진수, Alpha 하한 등과 같은 스타일을 선택할 수 있습니다. 현재 예제에서는 upper-alpha을(를) 선택합니다.

• 형식: 기본 형식이 <x>(으)로 설정되어 있습니다. 여기서 x 값은 Style 속성에서 선택한 번호 매기기 스타일로 대체됩니다. 예를 들어 decimal (1) 스타일을 선택한 경우 x 값은 h1 스타일의 모든 인스턴스에 대해 자동으로 증가하며 2, 3 등으로 이동합니다. 필드에 사용자 정의 텍스트를 추가하여 제목 스타일의 서식을 지정할 수도 있습니다. 예를 들어, 모든 h1 머리글에 Chapter이라는 접두어가 붙도록 하려면 이 필드를 Chapter <x>(으)로 설정해야 합니다.

• 문자 삽입: 형식에 특수 문자를 추가하려면 문자 삽입( {width="25"}) 아이콘입니다. 스타일 형식에 추가할 문자를 선택하고 [삽입]을 클릭합니다. 범주 선택 드롭다운 목록에서 선택할 수 있는 다양한 유형의 특수 문자가 있습니다. 예를 들어, [구두점] 범주에서 오른쪽을 가리키는 [큰각 큰따옴표]를 선택합니다.

  {width="400"}

• 번호 매기기 시작 위치: 특정 번호에서 번호 매기기를 시작하려면 해당 값을 입력하십시오. 이 예제에서는 기본값을 1로 유지합니다.

• 들여쓰기: 머리글을 들여쓰려면 들여쓰기 값을 설정해야 합니다. 이 예제에서는 0픽셀로 설정합니다.

  note note
  NOTE
  픽셀(픽셀), pt(포인트), rem, em, %(백분율) 또는 인치(인치) 단위로 값을 입력할 수 있습니다.

• 접두사 너비: 자동 번호 형식이 사용하는 영역입니다. 선택한 스타일 형식을 쉽게 수용할 수 있는 크기로 자동 설정됩니다. 크기를 늘리려면 기본값을 바꿀 수 있습니다.

  이 값을 수동으로 설정할 때 너비에 영향을 줄 다른 속성을 변경해 보십시오. 예를 들어 글꼴 크기, 접두사(Chapter) 또는 접미사(:)가 있는 형식, 시작 번호 매기기 시작 속성에서 최대값을 설정하고 다양한 글꼴 속성을 설정하여 최적의 크기를 만들 수 있습니다.

  이 예제에서는 기본값을 유지합니다.

• 간격: 가로 및 세로 간격을 지정합니다. 이 예제에서는 기본값을 유지합니다.

  위의 사용자 지정을 사용하여 스타일이 아래와 같이 사용자 지정됩니다.

  {width="500"}

• 서식 적용: 일련 번호 범주 아래의 속성을 사용하면 번호 매기기 스타일을 정의하는 데 도움이 됩니다. 번호 매기기 스타일 또는 제목 형식의 내용에 추가 사용자 지정을 적용하려면 이 필드에서 번호 매기기 또는 단락을 선택할 수 있습니다. [번호 매기기]를 선택하면 글꼴, 테두리, 레이아웃 및 기타 범주에 대한 모든 변경 내용이 머리글의 번호 매기기 스타일만 적용됩니다. 그러나 [단락]을 선택하면 번호 매기기 스타일이 아니라 제목 콘텐츠에 변경 내용이 적용됩니다.

다음 설정을 사용하여 다음 스크린샷에 표시된 출력을 생성합니다.

{width="500"}

편집에 필요한 스타일시트를 엽니다.

스타일 목록에서 단락 스타일 ​을 확장합니다.

단락 스타일 ​을 마우스 오른쪽 단추로 클릭하고 새 스타일 ​을 선택합니다.

스타일 추가 대화 상자에서 Tag 이름을 p로 유지하고 의사(Pseudo) 클래스 필드에서 ::first-letter을(를) 선택합니다.

완료 ​를 클릭합니다.

이름이 ::first-letter인 새 단락 스타일이 만들어지고 단락 스타일 목록에 추가됩니다.

p 스타일 아래에서 ::first-letter을(를) 선택하고 다음 속성을 설정합니다.

• 글꼴: 단락의 첫 번째 글자에 대해 원하는 글꼴을 설정합니다. 이 예제에서는 [글꼴 모음]을 [필기선], [글꼴 두께]를 500, [글꼴 크기]를 30pt로 설정하고 글꼴 색상을 선택합니다.

• 레이아웃: 단락 시작표시문자 스타일을 기준으로 텍스트의 세로 정렬을 설정합니다. 이 예제에서는 [세로 정렬]을 [아래쪽]으로 설정합니다.

편집에 필요한 스타일시트를 엽니다.

스타일 목록에서 문자 스타일 ​을 확장합니다.

문자 스타일 ​을 마우스 오른쪽 단추로 클릭하고 새 스타일 ​을 선택합니다.

스타일 추가 대화 상자에서 Tag 이름을 span으로 유지하고 클래스 이름 필드에 BoldItalic을(를) 입력합니다.

{width="400"}

완료 ​를 클릭합니다.

코드라는 새 문자 스타일이 만들어지고 [문자 스타일] 목록 아래에 추가됩니다.

문자 스타일 목록에서 span.BoldItalic을(를) 선택하고 다음 속성을 설정합니다.

• 글꼴: 이 섹션에서 모든 글꼴 관련 속성을 사용자 지정할 수 있습니다. 기본적으로 제품과 함께 번들로 제공되는 일부 글꼴이 있습니다. 문자 스타일에 대해 원하는 글꼴을 선택할 수 있습니다. 예를 들어 Font Family를 Serif,(으)로 설정하고 Font Style 속성에서 Bold 및 Italic ​을(를) 선택합니다. 글꼴 두께(굵게, 밝게 등), 텍스트 장식(밑줄, 윗줄 등), 글꼴 크기, 글꼴 색상, 텍스트 정렬 등과 같은 다른 글꼴 속성을 사용자 지정할 수도 있습니다.

  note note
  NOTE
  템플릿의 리소스 섹션에 저장되어 있는 템플릿에 글꼴을 추가할 수도 있습니다. 글꼴 추가 및 리소스 사용에 대한 자세한 내용은 리소스 작업을 참조하세요.

• 레이아웃: 높이 및 너비, 여백, 패딩, 맞춤 등과 같은 레이아웃 관련 속성을 설정할 수 있습니다.

• 배경: 배경 속성을 사용하면 특정 스타일의 배경색 서식을 지정할 수 있습니다. 모든 스타일에 대해 배경색이나 이미지를 정의할 수 있습니다.

편집에 필요한 스타일시트를 엽니다.

스타일 목록에서 목록 스타일 ​을 확장합니다.

목록에서 ol 스타일을 선택하십시오.

이전 스타일의 속성은 해당 미리 보기와 함께 [속성] 패널에 표시됩니다.

{width="500"}

고급 서식 옵션을 선택하십시오.

확인 메시지가 표시됩니다.

확인 메시지에서 예 ​를 클릭하여 고급 서식 속성을 엽니다.

기본적으로 다음 속성을 사용할 수 있습니다.

• 수준: 기본적으로 6개 수준의 번호 매기기 목록이 있습니다. 이 드롭다운에서 선택한 레벨은 선택한 레벨 및 모든 후속 레벨의 스타일 변경 사항을 제어합니다. 예를 들어 레벨 4를 선택하면 적용하는 모든 스타일 변경 사항이 레벨 4, 5 및 6에 설정됩니다.

• 목록 스타일 형식: 선택할 수 있는 목록 번호 매기기 스타일이 여러 개 있습니다. 목록에는 번호 매기기 목록을 만드는 데 사용되는 로케일별 및 일반 번호 매기기 스타일이 포함되어 있습니다. 목록 스타일 유형 중 일부는 아랍어, 캄보디아어, 데바나가리, 에티오피아, 한글, 히브리어, 일본어, 한국어, 중국어 간체, 우르두어 등입니다.

또한 다음 고급 서식 속성을 사용하여 작업할 수 있습니다.

• 숫자 형식: 기본 형식이 <x>(으)로 설정되어 있습니다. 여기서 x 값은 List Style Type 속성에서 선택한 번호 매기기 스타일로 대체됩니다. 예를 들어 decimal (1) 스타일을 선택한 경우 x 값은 목록 요소의 모든 인스턴스에 대해 자동으로 증가하며 2, 3 등으로 이동합니다. 필드에 사용자 정의 텍스트를 추가하여 목록 스타일의 서식을 지정할 수도 있습니다. 예를 들어 모든 첫 번째 수준 목록 스타일에 접미사 ")"을(를) 포함하려면 첫 번째 수준 목록 스타일에 대해 이 필드를 "<x>)"(으)로 설정해야 합니다.

• 문자 삽입: 숫자 형식으로 특수 문자를 추가하려면 문자 삽입( {width="25"}) 아이콘입니다. 스타일 형식에 추가할 문자를 선택하고 [삽입]을 클릭합니다. 범주 선택 드롭다운 목록에서 선택할 수 있는 다양한 유형의 특수 문자가 있습니다.

• 수준 삽입: 이전 수준의 숫자를 숫자 형식에 포함할 수 있습니다. 예를 들어 5번째 수준의 숫자 형식을 6번째 수준의 숫자 형식에 포함하려면 [레벨 삽입] 드롭다운 목록에서 5를 선택합니다. 레벨 삽입 드롭다운에는 다음 레벨이 아니라 이전 레벨의 수만 표시됩니다. 예를 들어 레벨 3에 있는 동안 레벨 삽입 목록에는 레벨 1과 2만 표시됩니다.

  {width="400"}

  필요에 따라 목록 값을 표시하도록 숫자 형식을 변경할 수도 있습니다. 예를 들어 수준 3에 대해 중첩된 번호 매기기 스타일을 사용하는 경우 "<2>.<x>))"(으)로 서식을 지정할 수 있습니다. 목록 번호 2, 마침표, 목록 번호 3, 대괄호 2개가 차례로 표시됩니다(2.3))).

• 들여쓰기: 목록을 들여쓰려면 들여쓰기 값을 설정해야 합니다. 들여쓰기의 모든 변경 사항은 [미리보기] 패널에서 검토하고 조정할 수 있습니다.

  note note
  NOTE
  픽셀(픽셀), pt(포인트), rem, em, %(백분율) 또는 인치(인치) 단위로 값을 입력할 수 있습니다.

• 접두사 너비: 숫자 형식이 사용하는 영역입니다. 선택한 형식을 쉽게 수용할 수 있는 크기로 자동 설정됩니다. 크기를 늘리려면 기본값을 바꿀 수 있습니다.

  이 값을 수동으로 설정할 때 너비에 영향을 줄 다른 속성을 변경해 보십시오. 예를 들어 글꼴 크기, 접두어나 접미어가 있는 형식 및 다양한 글꼴 속성을 최적의 크기로 변경합니다.

• 간격: 목록 번호 형식과 내용 사이의 가로 간격을 지정합니다. 세로 간격은 두 목록 항목 사이의 간격을 제어합니다.

  다음 스크린샷은 각 수준에 대한 맞춤화된 주문 목록을 보여 줍니다.

  {width="500"}

편집에 필요한 스타일시트를 엽니다.

스타일 목록에서 표 스타일 ​을 마우스 오른쪽 단추로 클릭하고 새 스타일 ​을 선택하세요.

스타일 추가 대화 상자에서 태그 이름을 table(으)로 유지하고 클래스 이름 필드에 double-border을(를) 입력합니다.

완료 ​를 클릭합니다.

이름이 table.double-border인 새 테이블 스타일이 만들어지고 [테이블 스타일] 목록에 추가됩니다.

표 스타일 목록에서 table.double-border을(를) 선택하고 다음 속성을 설정합니다.

• 서식 적용 대상: 전체 표, 홀수/짝수 행 또는 열, 첫 번째/마지막 행 또는 열에 스타일 서식을 적용하도록 선택할 수 있습니다.

  note note
  NOTE
  서식 적용 대상 ​이 전체 테이블(으)로 설정된 경우 일반 섹션에서 다음 설정을 사용할 수 있습니다.

• 텍스트 줄바꿈: 표 주위에 텍스트를 줄 바꿈하는 방법을 선택하십시오. 이 기능은 테이블이 다른 블록 수준 요소 내에 있고 테이블을 블록 요소의 다른 콘텐츠와 함께 렌더링해야 할 때 유용합니다. 줄바꿈 옵션은 left 또는 right 정렬되거나 none ​입니다.

• 테두리 축소: 표 테두리의 모양을 선택하십시오. 접기를 선택하면 표 셀 사이에 단일 테두리 선만 그려집니다. 그러나 개별 스타일의 경우, 추가 패딩과 함께 각 셀 주위에 테두리가 표시됩니다.

  {width="500"}

• 테두리 간격: 이 설정은 [테두리 축소]가 [별도]로 설정된 경우에만 사용할 수 있습니다. 이 설정을 사용하여 셀 테두리 사이의 세로 및 가로 간격을 지정할 수 있습니다.

  {width="500"}

  note note
  NOTE
  서식 적용 대상 ​이 전체 테이블(으)로 설정된 경우 셀 섹션에서 다음 설정을 사용할 수 있습니다.

• 패딩: 표 셀 사이에 패딩을 지정합니다. 위쪽, 아래쪽, 왼쪽 및 오른쪽에 대해 서로 다른 패딩 값을 지정할 수 있습니다.

• 수직 정렬: 셀 내용에 대한 수직 정렬을 지정합니다. 사용 가능한 옵션은 [위쪽], [중간] 및 [아래쪽]입니다.

• 테두리 측면, 스타일, 색, 너비, 반경: 테두리 관련 속성을 지정합니다. [왼쪽] 또는 [오른쪽]과 같은 특정 측면에만 테두리를 갖도록 선택할 수 있습니다. 테두리 스타일에는 단색, 파선, 이중선 등과 같이 사용할 수 있는 테두리 스타일이 나열됩니다. 색상 팔레트를 사용하여 테두리 색상을 지정합니다. 테두리 너비를 px, pt, rem, em, % 및 단위로 지정할 수 있습니다. 반지름(Radius)은 원형 코너를 만드는 커브를 정의합니다.

글꼴, 테두리, 레이아웃, 페이지 매김 및 배경 아래의 다른 속성은 이 항목의 다른 예제에서 설명합니다. 서식 적용 속성에서 선택한 내용에 따라 전체 테이블이나 선택한 행 또는 열에 이러한 값을 적용할 수 있습니다.

다른 방식으로 형식이 지정된 다른 행이 있는 샘플 표의 미리 보기는 아래에 표시됩니다.

{width="500"}

편집에 필요한 스타일시트를 엽니다.

스타일 목록에서 기타 스타일 ​을 확장합니다.

다른 스타일 ​을 마우스 오른쪽 단추로 클릭하고 새 스타일 ​을 선택하세요.

스타일 추가 대화 상자에서 Tag 이름을 blank(으)로 유지하고 클래스 이름 필드에 wintitle을(를) 입력하십시오.

wintitle은(는) 인식된 DITA 요소 이름이므로 스타일 정의는 자동으로 소스의 <wintitle> 요소에 매핑됩니다.

완료 ​를 클릭합니다.

이름이 .wintitle인 새 스타일이 만들어지고 다른 스타일 목록에 추가됩니다.

기타 스타일 목록에서 .wintitle을 선택하고 필요에 따라 속성을 설정하십시오.