Chrome Platform Status - Featureshttp://chromestatus.com/features2020-05-27T10:10:58Z@property2020-05-27T10:10:58ZChrome Platform Statustag:chromestatus.com,2020-05-27:/feature/5193698449031168/The @property rule is an alternative way to register a custom property, without JavaScript.Canvas and CanvasText system colors2020-05-27T02:09:13ZChrome Platform Statustag:chromestatus.com,2020-05-27:/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.CSS advanced attr() function2020-05-26T19:35:46ZChrome Platform Statustag:chromestatus.com,2020-05-26:/feature/4680129030651904/Implement the augmentation to attr() specified in CSS Level 4, which allows types besides <string> and usage in all CSS properties (besides pseudo-element 'content'). Note: CSS Level 4 has made substantial revisions to attr() compared to Level 3 to ease the implementation. We'll following CSS4.@scroll-timeline & animation-timeline2020-05-26T12:07:59ZChrome Platform Statustag:chromestatus.com,2020-05-26:/feature/6454455685873664/The @scroll-timeline rule and animation-timeline property allow authors to define ScrollTimelines declaratively. Named pages with page-orientation2020-05-26T10:18:42ZChrome Platform Statustag:chromestatus.com,2020-05-26:/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-propCSS calc()2020-05-24T23:55:51ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/5765241438732288/Method of allowing calculated values for length units, i.e. width: calc(100% - 3em)CSS Conditional Rules2020-05-24T23:55:46ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/4993981813358592/Support for the @supports at-rule and the "window.CSS.supports()" APICSSGroupingRule2020-05-24T23:55:05ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/4588424996585472/The CSSGroupingRule interface represents an at-rule that contains other rules nested inside itself. Per spec, CSSMediaRule and CSSPageRule inherit from CSSGroupingRule.CSS.escape()2020-05-24T23:54:59ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/6526863593701376/`CSS.escape()` serializes a string as a CSS identifier. This enables developers to easily and securely do things like escaping a string for use as part of a selector. CSSNamespaceRule2020-05-24T23:54:56ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/5631781000708096/The CSSNamespaceRule interface represents an at-rule for declaring the default namespace and binding namespaces to namespace prefixes.CSS Custom Properties (CSS Variables)2020-05-24T23:54:43ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/6401356696911872/Introduces cascading variables as a new primitive value type that is accepted by all CSS properties, and custom properties for defining them.Unprefixed CSS Filters2020-05-24T23:54:36ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/4711498777624576/CSS Filters without the -webkit- prefix.Unprefixed CSS Clipping Paths2020-05-24T23:54:32ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/5742325112242176/The CSS Clipping Path (CSS Masking specification) property without the "webkit" prefix.Unprefixed CSS user-select2020-05-24T23:54:31ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/5722186220306432/The user-select property enables authors to specify which elements in the document can be selected by the user and how. Chrome has supported only prefixed version: -webkit-user-select.CSS hyphens property2020-05-24T23:54:24ZChrome Platform Statustag:chromestatus.com,2020-05-24:/feature/5642121184804864/This CSS property controls automatic hyphenations. The automatic hyphenation is strongly demanded as seen in crbug.com/47083, and is already supported by all other major browsers. Blink enables the following values on all platforms: "manual" - the initial value. "none" - disables soft hyphens. and the following value on Android and Mac: "auto" - enables the automatic hyphenation for languages where the underlying operating system has dictionaries.