일반적인 콘텐츠 스타일 사용 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, %(백분율) 또는 인치(인치) 단위로 값을 입력할 수 있습니다.

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

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

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

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

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

  {width="500"}

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

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

{width="500"}

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

다음에서 스타일 목록, 확장 단락 스타일.

마우스 오른쪽 버튼으로 클릭 단락 스타일 및 선택 새 스타일.

다음에서 스타일 추가 대화 상자, 유지 태그 에 p 및 로 이름 지정 의사 클래스 필드, 선택 ::first-letter.

완료 ​를 클릭합니다.

(이)라는 이름의 새 단락 스타일 ::first-letter 이(가) 만들어지고 아래에 추가됩니다. 단락 스타일 목록을 표시합니다.

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

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

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

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

다음에서 스타일 목록, 확장 문자 스타일.

마우스 오른쪽 버튼으로 클릭 문자 스타일 및 선택 새 스타일.

스타일 추가 대화 상자에서 태그 span으로 이름 지정 및 입력 BoldItalic 다음에서 클래스 이름 필드.

{width="400"}

완료 ​를 클릭합니다.

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

선택 span.BoldItalic 다음에서 문자 스타일 을 나열하고 다음 속성을 설정합니다.

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

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

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

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

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

다음에서 스타일 목록, 확장 목록 스타일.

다음 항목 선택 ol 목록에서 스타일을 지정합니다.

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

{width="500"}

다음 항목 선택 고급 서식 옵션을 선택합니다.

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

클릭 예 다음에 있음 확인 을(를) 여는 메시지 고급 서식 속성.

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

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

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

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

• 숫자 형식: 기본 형식이 로 설정되어 있습니다. <x>, 여기서 x 값은 [목록 스타일 유형] 속성에서 선택한 번호 매기기 스타일로 바뀝니다. 예를 들어 을 선택한 경우 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 또는 오른쪽 정렬됨 또는 없음.

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

  {width="500"}

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

  {width="500"}

  note note
  NOTE
  다음 설정은 셀 섹션 시기 서식 적용 대상 이(가) (으)로 설정됨 전체 테이블.

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

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

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

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

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

{width="500"}

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

다음에서 스타일 목록, 확장 기타 스타일.

마우스 오른쪽 버튼으로 클릭 기타 스타일 및 선택 새 스타일.

다음에서 스타일 추가 대화 상자, 유지 태그 다음으로 이름 지정 blank 및 입력 wintitle 다음에서 클래스 이름 필드.

다음으로: wintitle 는 인식된 DITA 요소 이름이며 해당 스타일 정의는 <wintitle> 요소를 추가합니다.

완료 ​를 클릭합니다.

이름이 인 새 스타일 .wintitle 이(가) 만들어지고 아래에 추가됩니다. 기타 스타일 목록을 표시합니다.

다음에서 .wintitle 을 선택합니다. 기타 스타일 속성을 나열하고 필요에 따라 설정합니다.