脚注スタイルの適用

脚注とは、ページの下部に配置され、テキストの指定された部分に対するコメントや参照を示すメモです。

各脚注には、ページの下部に脚注マーカーが付きます。通常は、アスタリスクのような数字または記号です。 メインコンテンツ内では、同じ脚注マーカーが脚注呼び出しとして表示され、上付き文字と同じ番号または記号で示されます。

脚注の呼び出しとマーカーのスタイルを変更する

脚注の呼び出しとマーカーのスタイルを変更し、出力されるPDFの外観を管理できます。 これらのスタイルを使用すると、ドキュメント内の脚注をすばやく識別できます。

例 1:

脚注呼び出しとマーカーの前後に角括弧を追加するには、次の例を使用します。

...
.fn::footnote-call {
content: "(" counter(footnote, decimal) ")";
}

.fn::footnote-marker {
content: "(" counter(footnote, decimal) ")";
}

...

{width="500"}

脚注呼び出しと脚注マーカーの周囲に括弧を追加します。

例 2:

脚注呼び出しおよびマーカーには、数字の代わりにアスタリスクまたは小文字のギリシャ文字を使用してフラグを設定することもできます。

.fn::footnote-call {
 content: counter(footnote, asterisks);
}
.fn::footnote-marker {
 content: counter(footnote, asterisks) " ";
}

出力では、次のような情報を表示できます。

{width="500"}

脚注呼び出しとマーカーにアスタリスクを追加します。

脚注呼び出しを非表示にする

また、特定の属性を持つ脚注の呼び出しにスタイルを適用することもできます。 例えば、ID を含む脚注を非表示にするには、次のスタイルを使用します。脚注呼び出しはメインコンテンツでは非表示になりますが、脚注マーカーはページの下部に表示されます。

.fn[id]::footnote-call {
        display: none;
                        }

脚注領域の書式設定

脚注領域は、すべての脚注が配置される場所で、通常はページの下部に配置されます。 脚注領域は、ページレイアウトまたは CSS スタイルを使用して書式設定できます。

ページレイアウト

ページレイアウトのページプロパティを使用すると、ページドキュメントの異なるセクションの脚注領域のスタイルを設定することができます。PDF 例えば、章の脚注領域の余白とパディングのプロパティを指定できます。 境界線の太さ、スタイル、色、幅、半径を変更することもできます。

以下の方法について説明します。 ページレイアウトのページプロパティの操作.

CSS スタイル

スタイルを適用し、脚注領域の書式をPDF文書で設定できます。 例えば、境界線の長さ、スタイル、色、幅を変更できます。

    @page {
      @footnote {
        border-top-style: solid;
        border-top-color: #FF0000;
        border-top-width: 3px;
                }
          }

脚注の番号付けを再開する

デフォルトでは、脚注はドキュメント内で連続して番号付けされます。 ただし、ページレイアウトまたは CSS スタイルを使用して、脚注の番号付けを再開できます。

ページレイアウト

ページレイアウトで数値を指定すると、PDF文書の異なるセクションで脚注番号が再び表示されます。 例えば、 次の番号から番号を再開 フィールドを使用して、各章の脚注番号を再度設定できます。

CSS スタイル

PDF出力の各ページの脚注番号をリセットするには、次のスタイルを使用します。

@page
{
counter-reset: footnote
}

そのため、各ページの脚注は 1 から再び表示されます。

インライン脚注を表示する

通常、各脚注はブロックとして表示されるか、新しい行で開始されます。 また、並べたり隣り合わせにしたりすることもできます。

.fn{
    display: inline;
              }

脚注の相互参照にスタイルを適用

脚注を相互参照し、PDF出力で同じ脚注を複数回参照することもできます。 これにより、ドキュメント内で同じ引用文や詳細な注記を何度も参照する場合に、脚注を再び作成する必要がなくなります。

例えば、次のスクリーンショットは、PDF出力のすべての都市に対して同じ脚注が相互参照される様子を示しています。
{width="550"}

脚注への相互参照を挿入します。

CSS スタイルを使用して、脚注への相互参照を書式設定することもできます。 例えば、クロスリファレンスの背景色を変更できます。

    .xref-fn{
    background-color: red;
    }