📃 October 2019 release notes
Widely available
The following features are now widely available:
-
Async functions:
The
asyncandawaitkeywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains. -
Composition events:
The
compositionstart,compositionupdate, andcompositionendevents fire when an input method editor adds characters that might not be commonly available on keyboards. Examples of these characters are emoji, logograms in Asian languages, or input from speech recognition processors. -
Custom properties:
Custom properties are CSS properties prefixed with
--that set values you can reuse with thevar()function. For example, you can set a--key-colorproperty to reuse asborder-color: var(--key-color). Also known as CSS variables. -
display: table:
The
display: tableCSS declaration renders an element with the box layout of a<table>HTML element. Child elements may use equivalents to<table>internal elements such asdisplay: table-rowfor<tr>. -
font-feature-settings:
The
font-feature-settingsCSS property sets low-level OpenType feature tags for a font. When possible, usefont-variantinstead. -
Outlines:
The
outline-color,outline-style, andoutline-widthandoutline-offsetCSS properties style a line around an element, outside of the border. -
String padStart() and padEnd():
The
padStart()andpadEnd()methods of strings return a string lengthened to a minimum number of characters by adding characters to the start or end of the string. -
Text stroke and fill (compatibility prefixes):
The
-webkit-text-stroke-widthand-webkit-text-stroke-colorCSS properties set the thickness and color of text outlines. The-webkit-text-fill-colorsets the color within text character outlines. Both default to the text color. -
WEBGL_debug_renderer_info WebGL extension:
The
WEBGL_debug_renderer_infoextension for WebGL 1.0 and 2.0 contexts exposes information about the graphics driver for debugging purposes.
New in Firefox
The following features are now available in Firefox:
-
Numeric separators:
To improve readability for numeric literals, underscores (
_) can be used as separators. For example,1_050.95is equivalent to1050.95. -
Quotes:
The
quotesCSS property sets the quotation marks inserted via thecontentCSS property or<q>element. -
text-underline-offset:
The
text-underline-offsetCSS property shifts underlines on text from the initial position by a given distance. The initial position is affected by thetext-underline-positionproperty. -
Two-value display property:
The
displayCSS property accepts multiple keyword values, such asinline flexorblock flow, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.