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