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

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

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

見出しスタイル スタイルを右クリックし、新規スタイル を選択します。

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

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

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

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

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

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

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

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

• スタイル: ロケール固有または一般的な様々な番号付けスタイルから選択します。 アラビア語 – インド語、デバナガリ、グルジア語、十進数、下Alphaなどのスタイルを選択できます。 現在の例では、「upper-alpha」を選択します。

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

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

  {width="400"}

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

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

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

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

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

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

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

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

  {width="500"}

• 書式の適用先:「自動番号」カテゴリのプロパティは、番号付けスタイルの定義に役立ちます。 番号付けスタイルまたは見出し書式の内容をさらにカスタマイズするには、このフィールドで「番号付け」または「段落」を選択します。 [ 段落番号 ] を選択すると、[ フォント ]、[ 罫線 ]、[ レイアウト ]、およびその他の分類項目に対する変更は、見出しの段落番号のスタイルにのみ適用されます。 ただし、「段落」を選択すると、変更は見出しコンテンツに適用され、番号付けスタイルには適用されません。

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

{width="500"}

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

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

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

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

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

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

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

• フォント：段落の最初の文字に使用するフォントを設定します。 この例では、フォントファミリーを cursive、font weight を 500、font size を 30 pt に設定し、フォントカラーを選択します。

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

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

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

文字スタイル を右クリックし、「新規スタイル」を選択します。

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

{width="400"}

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

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

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

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

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

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

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

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

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

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

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

{width="500"}

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

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

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

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

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

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

さらに、次の詳細フォーマットプロパティを使用できます。

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

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

• レベルの挿入：任意の前のレベルの数値を数値形式に含めることができます。 例えば、第 5 レベルの数値書式を第 6 レベルの数値書式に含める場合は、[ 挿入レベル ] ボックスの一覧の [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
  書式の適用先 が テーブル全体 に設定されている場合、「一般」セクションで次の設定を使用できます。

• テキストの折り返し：テーブルの周囲でテキストを折り返す方法を選択します。 これは、テーブルが別のブロックレベル要素内にあり、ブロック要素内の他のコンテンツと共にテーブルをレンダリングする必要がある場合に役立ちます。 折り返しのオプションは、左 または 右 整列、または なし です。

• ボーダーの折りたたみ：テーブルのボーダーの外観を選択します。 「折りたたみ」を選択すると、テーブルのセルの間に 1 本の境界線のみが描画されます。 ただし、個別のスタイルの場合は、各セルの周囲に境界線が表示され、パディングが追加されます。

  {width="500"}

• 境界線の間隔：この設定は、「境界線を折りたたむ」が「区切る」に設定されている場合にのみ使用できます。 この設定を使用すると、セルの罫線の間の垂直方向と水平方向の間隔を指定できます。

  {width="500"}

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

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

• 垂直方向の整列: セルコンテンツの垂直方向の整列を指定します。 使用できるオプションは、上、中央、下です。

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

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

異なる行を異なる方法で書式設定したサンプルテーブルのプレビューを次に示します。

{width="500"}

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

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

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

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

認識され wintitleDITA エレメント名であるため、スタイル定義はソースの <wintitle> エレメントに自動的にマップされます。

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

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

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