PDFエクスポート時の見出しについて

 
2
1
0

Web上で設定している以下のような見出しと同様のデザインをPDFエクスポート用にPDFスタイルシートなどで設定することは可能でしょうか。

    Commentコメントを追加...

    1 回答

    1.  
      2
      1
      0

      見出しはページタイトルのことですかね。

      配色センスありませんが、下記のような感じですか？

      .pagetitle h1:first-child {
background-color: #FF0000;
color: #FFFFFF;
}
.pagetitle h2:first-child {
background-color: #FF0000;
color: #FFFFFF;
}
.pagetitle h3:first-child {
background-color: #FF0000;
color: #FFFFFF;
}
.pagetitle h4:first-child {
background-color: #FF0000;
color: #FFFFFF;
}
.pagetitle h5:first-child {
background-color: #FF0000;
color: #FFFFFF;
}
.pagetitle h6:first-child {
background-color: #FF0000;
color: #FFFFFF;
}
.wiki-content h1 {
background-color: #0000FF;
color: #FFFFFF;
}
.wiki-content h2 {
background-color: #0000FF;
color: #FFFFFF;
}
.wiki-content h3 {
background-color: #0000FF;
color: #FFFFFF;
}
.wiki-content h4 {
background-color: #0000FF;
color: #FFFFFF;
}
.wiki-content h5 {
background-color: #0000FF;
color: #FFFFFF;
}
.wiki-content h6 {
background-color: #0000FF;
color: #FFFFFF;
}
.wiki-content h7 {
background-color: #0000FF;
color: #FFFFFF;
}
.wiki-content h8 {
background-color: #0000FF;
color: #FFFFFF;
}

       

      1. sugiyama yukari

        ご回答ありがとうございます。 見出しとした箇所はページタイトルと本文中に「見出し1」「見出し2」・・・として目次マクロでリンクがつく場所についても対象としています。 ページタイトルにカラーを付けることが上記の設定でできたのですが、本文中の「見出し1」「見出し2」・・・についても設定方法がありましたらご教授いただけますと幸いです。

      2. Kengo Ohsaki

        bq. 本文中の「見出し1」「見出し2」・・・についても設定方法 それであれば、目次マクロでリンクがつくのは、h1...h6 マクロですので 上記回答の下記設定部分でできるかと思いますが、いかがでしょうか？ .wiki-content h1 { background-color: #0000FF; color: #FFFFFF; } ... .wiki-content h8 { background-color: #0000FF; color: #FFFFFF; }

      3. sugiyama yukari

        失礼いたしました。 上記ご提示いただいた内容がこちらのスタイルシートに反映されていなかったため、確認できておりませんでした。 再度設定を行い、上記のように画面に表示することができました。 ありがとうございました。

      4. Kengo Ohsaki

        いえいえ、説明不足で申し訳ございません。 無事解決して何よりです。

      Commentコメントを追加...