| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>Forced colors mode - outline and column color with sys colors.</title> |
| <link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties"> |
| <link rel=match href="forced-colors-mode-31-ref.html"> |
| <style> |
| :root { |
| --hc-color: LinkText; |
| } |
| h1 { |
| outline-color: var(--hc-color); |
| outline-style: solid; |
| column-count: 3; |
| column-gap: 40px; |
| column-rule-color: var(--hc-color); |
| column-rule-style: solid; |
| } |
| </style> |
| <h1> |
| The outline-color and column-rule-color should be LinkText when forced colors |
| mode is enabled. |
| </h1> |