📃 October 2019 release notes
Widely available
The following features are now widely available:
-
Async functions:
The
async
andawait
keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains. -
Composition events:
The
compositionstart
,compositionupdate
, andcompositionend
events 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-color
property to reuse asborder-color: var(--key-color)
. Also known as CSS variables. -
font-feature-settings:
The
font-feature-settings
CSS property sets low-level OpenType feature tags for a font. When possible, usefont-variant
instead. -
Outlines:
The
outline-color
,outline-style
, andoutline-width
andoutline-offset
CSS 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-width
and-webkit-text-stroke-color
CSS properties set the thickness and color of text outlines. The-webkit-text-fill-color
sets the color within text character outlines. Both default to the text color. -
WEBGL_debug_renderer_info WebGL extension:
The
WEBGL_debug_renderer_info
extension 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.95
is equivalent to1050.95
. -
Quotes:
The
quotes
CSS property sets the quotation marks inserted via thecontent
CSS property or<q>
element. -
Text underline position:
The
text-underline-position
andtext-underline-offset
CSS properties set the position and distance from initial position of text underlines on text withtext-decoration: underline
. -
Two-value display property:
The
display
CSS property accepts multiple keyword values, such asinline flex
orblock flow
, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.