この翻訳は不完全です。英語から この記事を翻訳 してください。

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

-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 完全対応 17
補足
完全対応 17
補足
補足 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 完全対応 15
補足
完全対応 15
補足
補足 Opera 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.
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 完全対応 37
補足
完全対応 37
補足
補足 WebView 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.
Chrome Android 完全対応 18
補足
完全対応 18
補足
補足 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 Mobile ? Firefox Android 未対応 なしOpera Android 完全対応 15
補足
完全対応 15
補足
補足 Opera 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.
Safari iOS ? Samsung Internet Android 完全対応 あり
補足
完全対応 あり
補足
補足 Samsung Internet 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.

凡例

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

関連情報

  • 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,