この記事は翻訳作業中です。

非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

-webkit-print-color-adjust CSSプロパティは、プリント時に背景色・背景画像の表示を強制できるようにする、WebKitブラウザ上で使用できる非標準のCSSプロパティです。

/* キーワード値 */
-webkit-print-color-adjust: economy;
-webkit-print-color-adjust: exact;

/* グローバル値 */
-webkit-print-color-adjust: inherit;
-webkit-print-color-adjust: initial;
-webkit-print-color-adjust: unset;

構文

The -webkit-print-color-adjust 以下のいずれかの値を持ちます。

economy
初期値です。背景色・背景画像はユーザーが明示的にブラウザの設定で許可した場合のみプリントされます。
exact
この値が適用された要素の背景色・背景画像を強制的にプリントします。ユーザーのプリント設定を上書きます。

/* 黒地に白文字でプリントする */
article {
  -webkit-print-color-adjust: exact;
  background: #222;
  color: #eee;
}

仕様書

Not part of any specification yet, though there is a proposal in the CSSWG wiki to standardize it.

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
-webkit-print-color-adjust
非標準
Chrome 完全対応 あり
補足
完全対応 あり
補足
補足 Chrome does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.
補足 Before Chrome 26, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See Chromium bug 131054.
Edge ? Firefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 完全対応 6
補足
完全対応 6
補足
補足 Safari does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.
WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android 未対応 なしOpera Android 未対応 なしSafari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

関連情報

  • WebKit bug 64583: "WIP: Add CSS property to control printing of backgrounds for individual elements"
  • CSSWG wiki: print-backgrounds - a proposal to standardize this property
  • CSS Color Module Level 4:  the color-adjust property - a newer proposal to standardize this property

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, isudzumi
最終更新者: mdnwebdocs-bot,