共通のコンテンツスタイルを使用する work-with-common-styles

編集に必要なスタイルシートを開きます。

スタイル リストで、見出しスタイル​を展開します。

「見出しスタイル」スタイルを右クリックし、新しいスタイル​を選択します。

スタイルを追加 ダイアログで、タグ​の名前をh2のままにし、chapter クラス の名前フィールドに​と入力します。

「完了」をクリックします。

編集に必要なスタイルシートを開きます。

スタイル リストで、見出しスタイル​を展開します。

リストから​h1 スタイルを選択します。
h1 スタイルのプロパティは、そのプレビューと共にプロパティパネルに表示されます。

自動番号 プロパティを選択します。

自動番号リストに適用できるスタイルは、自動番号プロパティの下に表示されます。

次のプロパティを設定します。

• スタイル: ロケール固有または汎用的な番号付けスタイルの幅広い範囲から選択します。 アラビア語 – インド語、デバナガリ、グルジア語、10進数、低Alphaなどのスタイルを選択できます。 現在の例では、upper-alphaを選択します。

• 形式: デフォルトの形式は<x>に設定され、x値はStyle プロパティで選択した番号付けスタイルに置き換えられます。 例えば、decimal （1） スタイルを選択した場合、xの値は、h1 スタイルの各インスタンスに対して自動的に増分され、2、3などに設定されます。 フィールドにカスタムテキストを追加して、見出しスタイルを書式設定することもできます。 例えば、すべてのh1見出しにChapterの接頭辞を付ける場合、このフィールドをChapter <x>に設定する必要があります。

• 文字を挿入：書式に特殊文字を追加する場合は、文字を挿入（ {width="25"}）アイコン。 スタイル形式で追加する目的の文字を選択し、「挿入」をクリックします。 「カテゴリを選択」ドロップダウンリストから選択できる特殊文字にはさまざまな種類があります。 この例では、句読点カテゴリから「右向き二重角度引用符」を選択します。

  {width="400"}

• 開始番号：番号付けを特定の番号から開始する場合は、その値を指定します。 この例では、デフォルト値を1のままにします。

• インデント：見出しをインデントする場合は、インデント値を設定する必要があります。 この例では、0 pxに設定します。

  note note
  NOTE
  値は、px （ピクセル）、pt （ポイント）、rem、em、% （パーセント）、または（インチ）単位で入力できます。

• 接頭辞の幅：これは、自動番号形式で占められている領域です。 選択したスタイル形式に簡単に対応できるサイズに自動的に設定されます。 サイズを大きくしたい場合は、デフォルト値を置き換えることができます。

  この値を手動で設定する場合は、幅に影響を与えるその他のプロパティを変更してみてください。 例えば、フォントサイズ、接頭辞（章）または接尾辞（:）を含む形式を変更し、番号付けの開始 プロパティで最大値を設定し、様々なフォントプロパティで最適なサイズを指定します。

  この例では、デフォルト値をそのままにします。

• 間隔：水平方向と垂直方向の間隔を指定します。 この例では、デフォルト値を維持します。

  上記のカスタマイズでは、スタイルは次のようにカスタマイズされます。

  {width="500"}

• 書式を適用：自動番号カテゴリのプロパティは、番号付けスタイルの定義に役立ちます。 番号付けスタイルまたは見出し形式の内容をさらにカスタマイズするには、このフィールドで「番号付け」または「段落」を選択します。 「番号付け」を選択すると、フォント、境界線、レイアウトなどのカテゴリの変更は、見出しの番号付けスタイルにのみ適用されます。 ただし、「段落」を選択すると、番号付けスタイルではなく、見出しコンテンツに変更が適用されます。

次のスクリーンショットに示す出力を生成するには、次の設定を使用します。

{width="500"}

編集に必要なスタイルシートを開きます。

スタイル リストで、段落スタイル​を展開します。

段落スタイル​を右クリックし、新しいスタイル​を選択します。

スタイルを追加 ダイアログで、タグ​の名前をpのままにし、擬似 クラス フィールドで、::first-letterを選択します。

「完了」をクリックします。

::first-letterという名前の新しい段落スタイルが作成され、段落スタイル リストの下に追加されます。

p スタイルの下の::first-letterを選択し、次のプロパティを設定します。

• フォント：段落の最初の文字に使用するフォントを設定します。 この例では、フォントファミリーを筆記体、フォントウエイトを500、フォントサイズを30 ptに設定し、フォントカラーを選択します。

• レイアウト: ドロップキャップのスタイルを囲むように、テキストの垂直方向の配置を設定します。 この例では、「垂直方向の整列」を「下」に設定します。

編集に必要なスタイルシートを開きます。

スタイル リストで、文字スタイル​を展開します。

文字スタイル​を右クリックし、新しいスタイル​を選択します。

スタイルを追加ダイアログで、タグ​の名前をスパンとして保持し、BoldItalic クラス の名前フィールドに​と入力します。

{width="400"}

「完了」をクリックします。

コードという名前の新しい文字スタイルが作成され、文字スタイルリストの下に追加されます。

span.BoldItalic文字スタイル リストから​を選択し、次のプロパティを設定します。

• フォント: フォントに関連するすべてのプロパティは、このセクションからカスタマイズできます。 デフォルトでは、製品にバンドルされているフォントがいくつかあります。 文字スタイルに適したフォントを選択できます。 この例では、フォントファミリーを​ Serif, ​に設定し、「フォントスタイル」プロパティで「Bold」と「Italic」を選択します。 また、フォントの太さ（太字、明るさなど）、テキストの装飾（下線、オーバーラインなど）、フォントサイズ、フォントカラー、テキストの整列など、その他のフォントプロパティをカスタマイズすることもできます。

  note note
  NOTE
  テンプレートにフォントを追加して、テンプレートの「リソース」セクションに保存することもできます。 フォントの追加とリソースの操作について詳しくは、​ リソースの操作を参照してください。

• レイアウト：高さと幅、余白、パディング、整列など、レイアウト関連のプロパティを設定できます。

• 背景：背景プロパティを使用すると、特定のスタイルの背景色を書式設定できます。 任意のスタイルの背景色または画像を定義できます。

編集に必要なスタイルシートを開きます。

スタイル​のリストで、リストスタイル​を展開します。

リストから​ol スタイルを選択します。

古いスタイルのプロパティは、プロパティパネルにプレビューと共に表示されます。

{width="500"}

「詳細フォーマット」オプションを選択します。

確認メッセージが表示されます。

「確認」メッセージの「はい」をクリックして、詳細フォーマット プロパティを開きます。

デフォルトでは、次のプロパティを使用できます。

• レベル：既定では、番号付きリストには6つのレベルがあります。 このドロップダウンで選択したレベルは、選択したレベルとその後のすべてのレベルでスタイルの変更を制御します。 例えば、レベル 4を選択した場合、適用するすべてのスタイル変更はレベル 4、5、6に設定されます。

• リストスタイルタイプ：選択できるリスト番号付けスタイルは多数あります。 リストには、番号付きリストの作成に使用される、ロケール固有および汎用的な番号付けスタイルが含まれています。 リストスタイルの種類には、アラビア語、カンボジア語、デバナガリ語、エチオピア語、ハングル語、ヘブライ語、日本語、韓国語、簡体中国語、ウルドゥー語などがあります。

さらに、次の詳細な書式設定プロパティを使用できます。

• 番号形式: デフォルトの形式は<x>に設定され、x値はリストスタイルタイププロパティで選択した番号付けスタイルに置き換えられます。 例えば、decimal （1） スタイルを選択した場合、xの値は、リスト要素の各インスタンスに対して自動的に増分され、2、3などに設定されます。 フィールドにカスタムテキストを追加して、リストスタイルを書式設定することもできます。 例えば、すべての第1 レベルのリストスタイルにサフィックス「)」を付ける場合、このフィールドを第1 レベルのリストスタイルに「<x>)」に設定する必要があります。

• 文字を挿入：数値形式に特殊文字を追加する場合は、文字を挿入（ {width="25"}）アイコン。 スタイル形式で追加する目的の文字を選択し、「挿入」をクリックします。 「カテゴリを選択」ドロップダウンリストから選択できる特殊文字にはさまざまな種類があります。

• レベルを挿入：前のレベルの任意のレベルの番号を番号形式に含めることができます。 例えば、第6 レベルの番号書式に第5 レベルの番号書式を含める場合は、「レベルを挿入」ドロップダウンリストで「5」を選択します。 「レベルを挿入」ドロップダウンには、前のレベルの数値のみが表示され、次のレベルの数値は表示されないことに注意してください。 例えば、レベル 3の場合、レベルを挿入リストにはレベル 1と2のみが表示されます。

  {width="400"}

  必要に応じてリストの値を表示するように、数値形式を変更することもできます。 例えば、レベル 3にネストされた番号付けスタイルを使用している場合、それを「<2>.<x>))」として書式設定できます。 これにより、リスト番号2が表示され、次にピリオド、次にリスト番号3が表示され、次に2.3))という2つの角かっこが表示されます。

• インデント: リストをインデントする場合は、インデント値を設定する必要があります。 インデントの変更は、プレビューパネルで確認して調整できます。

  note note
  NOTE
  値は、px （ピクセル）、pt （ポイント）、rem、em、% （パーセント）、または（インチ）単位で入力できます。

• 接頭辞の幅：これは、数値形式で占められている領域です。 選択した形式に簡単に対応できるサイズに自動的に設定されます。 サイズを大きくしたい場合は、デフォルト値を置き換えることができます。

  この値を手動で設定する場合は、幅に影響を与えるその他のプロパティを変更してみてください。 例えば、フォントサイズ、接頭辞または接尾辞を含む形式、および様々なフォントプロパティを変更して、最適なサイズを指定します。

• 間隔: リスト番号の形式とコンテンツの間の水平間隔を指定します。 垂直方向の間隔は、2つのリスト項目間の間隔を制御します。

  次のスクリーンショットは、各レベルのカスタマイズされた順序付きリストを示しています。

  {width="500"}

編集に必要なスタイルシートを開きます。

スタイル リストで、表スタイル​を右クリックし、新しいスタイル​を選択します。

スタイルを追加 ダイアログで、タグ​の名前をtableのままにし、double-border クラス の名前フィールドに​と入力します。

「完了」をクリックします。

table.double-borderという名前の新しいテーブル スタイルが作成され、テーブル スタイル リストの下に追加されます。

table.double-border表スタイル リストから​を選択し、次のプロパティを設定します。

• 書式設定の適用先: テーブル全体、奇数/偶数の行または列、最初/最後の行または列にスタイルの書式設定を適用できます。

  note note
  NOTE
  次の設定は、書式を適用​が​ テーブル全体 ​に設定されている場合、一般 セクションで使用できます。

• テキストの回り込み：表の周りにテキストを回り込む方法を選択します。 これは、テーブルが別のブロックレベル要素内にあり、テーブルがブロック要素内の他のコンテンツと共にレンダリングされる必要がある場合に便利です。 折り返しオプションは、left​または​ right ​揃え、または​ none ​です。

• 境界線の折りたたみ: テーブルの境界線の外観を選択します。 「折りたたむ」を選択すると、表のセルの間に境界線が1本だけ表示されます。 ただし、個別のスタイルの場合、余白を追加して各セルの周囲に境界線が表示されます。

  {width="500"}

• Border Spacing：この設定は、「Border Collapse」が「Separate」に設定されている場合にのみ使用できます。 この設定を使用すると、セルの境界線の間の垂直方向と水平方向の間隔を指定できます。

  {width="500"}

  note note
  NOTE
  書式を適用​が​ テーブル全体 ​に設定されている場合、セル セクションで次の設定を使用できます。

• パディング：表のセル間のパディングを指定します。 上下左右に異なるパディング値を指定できます。

• 垂直方向の整列: セルの内容の垂直方向の整列を指定します。 使用可能なオプションは、トップ、ミドル、ボトムです。

• 境界線、スタイル、色、幅、半径：​境界線に関連するプロパティを指定します。 左または右など、特定の辺にのみ境界線を設定できます。 境界線スタイルには、実線、破線、二重線など、使用可能な境界線スタイルが一覧表示されます。 カラーパレットを使用して境界線のカラーを指定します。 境界線の幅は、px、pt、rem、em、%および単位で指定できます。 半径は、円形の角を作成するための曲線を定義します。

フォント、境界線、レイアウト、ページネーション、および背景の下の他のプロパティについては、このトピックの他の例で説明します。 「書式を適用」プロパティで選択した内容に応じて、これらの値をテーブル全体または選択した行または列に適用できます。

異なる行が別の方法でフォーマットされたサンプルテーブルのプレビューを次に示します。

{width="500"}

編集に必要なスタイルシートを開きます。

スタイル​のリストで、その他のスタイル​を展開します。

その他のスタイル​を右クリックし、新しいスタイル​を選択します。

スタイルを追加 ダイアログで、タグ​の名前を​ 空白 ​のままにし、wintitle クラス の名前フィールドに​と入力します。

wintitleは認識されたDITA要素名であるため、そのスタイル定義はソース内の<wintitle>要素に自動的にマッピングされます。

「完了」をクリックします。

.wintitleという名前の新しいスタイルが作成され、その他のスタイル リストの下に追加されます。

「その他のスタイル」リストから「.wintitle」を選択し、必要に応じてプロパティを設定します。