RMarkdown：CSSスタイルを印刷

Question

私はRMarkdownからHTMLレポートを作成しています。単純なCSSを適用しています。出力レポートを印刷するときにいくつかの問題に直面しています。ブラウザのバージョンは正しくCSSに適用されますが、印刷版には適用されません。これはRMarkdownコードの再現性の例のようになります。

--- 
title: "Table" 
output: 
    html_document: 
    css: "test.css" 
--- 

```{r} 
library(knitr) 
data(iris) 
kable(iris) 
``` 

そして、これは私のtest.cssファイルの内容です：私はよりも、ブラウザの出力で同じ結果を得るために管理することができますどのように

 .main-container { 
    max-width: 1600px !important; 
} 
    tr:nth-child(even) {background-color: #f2f2f2} 
    th { 
     background-color: #FF6319; 
     color: white; 
     font-size: 12px; 
    } 
    tbody { 
     font-size: 12px; 
    } 
    hr { 
     page-break-after: always; 
    } 

印刷出力？私はChromeの印刷メニューでbackgroung graphicsオプションをチェックしてみましたが、何も変わりません。 ありがとうございます。

Answer 1

多くのブラウザ（印刷時）ではデフォルトで無視される「背景色」と「背景画像」のプロパティに関連していると思います。

クロムについては、print css、firefox、IEで次のコードを追加することができます。印刷ダイアログで「印刷の背景」を選択する必要があります。

:root { 
    -webkit-print-color-adjust: exact; 
} 

あなたはHTMLでそのようにそれを行うことができます。

<link rel="stylesheet" type="text/css" media="print" href="print.css" /> 

@media print { 
    tr:nth-child(even) { 
     background-color: #f2f2f2 !important; 
     -webkit-print-color-adjust: exact; 
    } 
    th { 
     background-color: #FF6319 !important; 
     -webkit-print-color-adjust: exact; 
    } 
}