Chrome Platform Status - Featureshttp://chromestatus.com/features2020-08-06T20:51:32ZMake system color keywords compute to themselves2020-08-06T20:51:32ZChrome Platform Statustag:chromestatus.com,2020-08-06:/feature/5728029949034496/Allow system colors to be inherited as keywords rather than RGB values. CSS content-visibility property2020-08-06T08:44:27ZChrome Platform Statustag:chromestatus.com,2020-08-06:/feature/4613920211861504/Adds a CSS property called content-visibility, which allows automatic or script management of content visibility. When hidden, the element's contents (subtree or replaced element contents) are not drawn or hit-tested and have CSS containment applied, allowing for rendering optimizations. The 'auto' keyword allows for the user-agent to manage content visibility based on proximity to the viewport, whereas 'hidden' keyword allows full script control of content visibility.Interoperable compositing operations for root element2020-08-06T02:55:07ZChrome Platform Statustag:chromestatus.com,2020-08-06:/feature/5631192349016064/The root stacking context of a page will be drawn into an isolated group; then filtering, clipping, masking and opacity will be applied; then it will blend into the root (in Chromium, white opaque) background color with the specified blend-mode on the root element. Forced colors mode2020-08-06T02:54:44ZChrome Platform Statustag:chromestatus.com,2020-08-06:/feature/5757293075365888/Adds the 'forced-colors' media feature, which is used to detect if the user agent has enabled a forced colors mode where it enforces a user-chosen limited color palette on the page. Adds the 'forced-color-adjust' property, which allows authors to opt particular elements out of forced colors mode, restoring full control over the colors to CSS.Canvas and CanvasText system colors2020-08-06T02:54:06ZChrome Platform Statustag:chromestatus.com,2020-08-06:/feature/5678291530809344/Canvas and CanvasText are system color keywords. Canvas maps to the existing Window system color keyword, and CanvasText maps to the existing WindowText system color keyword.Pause HTML parser while loading stylesheets in <head>2020-08-04T15:06:27ZChrome Platform Statustag:chromestatus.com,2020-08-04:/feature/5727739434762240/Pause the HTML parser waiting for stylesheets to load instead of blocking rendering for FOUC (Flash of Unstyled Content) avoidance. CSS ::marker pseudo-element2020-08-02T20:31:05ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/6710566854852608/The ::marker pseudo-element represents the automatically generated marker box of a list item. Like ::before and ::after, ::marker is a tree-abiding pseudo-element, so it always fit within the box tree. But unlike ::before and ::after, currently it only accepts a small subset of safe properties, because the marker box layout is mostly undefined. Note this intent only covers ::marker, not ::before::marker nor ::after::marker (see crbug.com/1097992).-webkit-box quirks from -webkit-line-clamp2020-08-02T20:30:46ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/5680142707851264/The following display properties will no longer work when -webkit-box and -webkit-box-clamp are combined: -webkit-box-flex, -webkit-box-ordinal-group, -webkit-box-align, -webkit-box-pack, -webkit-box-direction.CSS Color Adjust: Remove 'only' and support used 'dark' for preferred 'light' for color-scheme2020-08-02T20:30:35ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/5653721679659008/The color-scheme property from CSS Color Adjustment level 1 spec changed in two ways. 1. The 'only' keyword is no longer special and is treated as a <custom-ident> as any other unknown color-scheme. The 'only' keyword was previously only allowed in combination with 'light', but had otherwise no effect in Chrome. 2. 'color-scheme: dark' will have a used value of 'dark' even when preferred color-scheme is 'light'. 'color-scheme: light dark' still has a used values based on the preferred scheme. CSS counter-set2020-08-02T20:30:34ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/4688138070917120/CSS counter-set is an additional property introduced in css-lists-3 to control counters by setting an existing counter to a specified value. This builds upon other implemented counter control properties, specifically counter-reset (which creates a new counter with a specified value) and counter-increment (which increments an existing counter by a specified amount). Named pages with page-orientation2020-08-02T20:30:28ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/5173237715566592/Support the 'page' CSS property [1], along with named pages support (@page foobar {} selector). Also support the 'page-orientation' descriptor [2] for @page, with values 'upright' (initial value), 'rotate-left', or 'rotate-right'. [1] https://www.w3.org/TR/css-page-3/#using-named-pages [2] https://drafts.csswg.org/css-page-3/#page-orientation-prop@property2020-08-02T20:30:25ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/5193698449031168/The @property rule is an alternative way to register a custom property without JavaScript.Gutters in flexbox: row-gap and column-gap properties2020-08-02T20:30:06ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/6031643502444544/This css property allows you to specify spacing between flex items and/or flex lines.Unprefixed 'appearance' CSS property2020-08-02T20:29:49ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/4715298156445696/This feature introduces 'appearance' CSS property, which is the unprefixed version of '-webkit-appearance'. Unprefixed ruby-position CSS property2020-08-02T20:29:41ZChrome Platform Statustag:chromestatus.com,2020-08-02:/feature/6249925820022784/The 'ruby-position' CSS property controls the position of ruby annotation. It's the unprefixed version of the '-webkit-ruby-position' property. This property has three possible keywords: 'over', 'under', and 'inter-character'. For now, only the first two are being implemented. This change creates feature parity with Firefox.