Google Chromeで背景画像と背景色を印刷させる方法

2013/11/27 ブラウザ関係全般

またまた自分用のメモ。Chromeで背景画像（背景色含む）をページの設定を弄くることなく初期状態で印刷できるようにする方法です。

CSSに以下の記述を記載するだけでＯＫ。しかし、Chromeのみ対応でFirefoxやSafariには対応していません。今回はFirefoxでも初期状態で背景印刷ができるようにしたかったのですが・・・。

@media print {
 body {
 -webkit-print-color-adjust: exact;
 }
}

他のモダンブラウザでは、-webkit-print-color-adjust: exact;に相当するプロパティがまだ準備されていない様子です。

参考記事（外部リンク）

こちらもメモ。display: list-item;を利用して背景画像を出す方法です。

cssのメディアタイプをprintにする。
<link rel=”stylesheet” type=”text/css” href=”css/print.css” media=”print”>

cssで対象となる箇所を
display:list-item;

にする。そして
list-style-image

に印刷したい画像を指定する。