-webkit-print-color-adjust

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

-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

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung 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 完全対応 79 補足完全対応 79 補足補足 Edge 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.	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.	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 完全対応 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.	Samsung Internet Android 完全対応 1.0 補足完全対応 1.0 補足補足 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.

凡例

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

構文

値

例

仕様書

ブラウザー実装状況

凡例

関連情報

ウェブ開発のベストプラクティスを学ぶ