print-color-adjust

Syntax

print-color-adjust: economy | exact

Parameters

Examples

.print-card {
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  background: #3b82f6;
  color: white;
}

.swatch {
  print-color-adjust: exact;
}

Browser Support

Tailwind Equivalent

You can achieve similar results in Tailwind CSS using the following utility classes:

No direct utility. Apply via arbitrary properties: [print-color-adjust:exact]

Related Functions

• accent-color— The accent-color property sets the accent color for UI controls like checkboxes, radio buttons, range sliders, and progress bars.
• caret-color— The caret-color property sets the color of the text insertion cursor (caret) in editable elements like inputs and textareas.
• color-scheme— The color-scheme property declares which color schemes an element supports (light, dark, or both), affecting UA default styles.
• forced-color-adjust— The forced-color-adjust property controls whether an element's colors are adjusted by forced-colors mode (e.g., Windows High Contrast).
• text-decoration-color— The text-decoration-color property sets the color of text decorations such as underlines, overlines, and line-throughs.
• outline-color— The outline-color property sets the color of an element's outline. Outlines differ from borders in that they do not affect layout.

Frequently Asked Questions