color-adjust
印刷時にブラウザが背景色や画像を省略するかどうかを制御するプロパティです。デフォルトでは印刷時にインクを節約するため背景が省略されますが、economy/exact の値で制御できます。現在は print-color-adjust プロパティが推奨されており、このショートハンドの使用は非推奨です。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
color-adjust 非推奨 | | | 48 | 15.4 | | 15.4 |
基本構文
CSS
.printable-chart {
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}ライブデモ
実務での使いどころ
-
印刷時の背景色・画像の維持
グラフや色分けされた表を印刷する際に、背景色や画像がブラウザに省略されないよう強制的に印刷できます。
注意点
- color-adjust は非推奨のショートハンドです。代わりに print-color-adjust を使用してください。Chrome、Edgeでは未サポートです。
アクセシビリティ
- 印刷時に背景色を強制表示する場合、インクの消費量が増えます。ユーザーが印刷設定で制御できるよう、必要な箇所のみに適用してください。