📃 July 2016 release notes
New in Chrome
The following features are now available in Chrome:
-
contain:
The
containCSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. Thenonekeyword value disables containment,strictis equivalent tocontain: size layout style paint, andcontentis equivalent tocontain: layout style paint. -
Layout containment:
The
contain: layoutCSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations. -
Paint containment:
The
contain: paintCSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations. -
Size containment:
The
contain: sizeCSS declaration sets an element's dimensions exclusively by itsheightandwidthproperties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations. -
Style containment:
The
contain: styleCSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-incrementandcounter-set) and quotation styles (contentproperty quote values) beyond the element's descendants. -
Exponentiation operator:
The exponentiation (
**) operator returns the result of raising the first operand to the power of the second operand. -
font-variant-caps:
The
font-variant-capsCSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles. -
font-variant-numeric:
The
font-variant-numericCSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.
New in Chrome Android
The following features are now available in Chrome Android:
-
contain:
The
containCSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. Thenonekeyword value disables containment,strictis equivalent tocontain: size layout style paint, andcontentis equivalent tocontain: layout style paint. -
Layout containment:
The
contain: layoutCSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations. -
Paint containment:
The
contain: paintCSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations. -
Size containment:
The
contain: sizeCSS declaration sets an element's dimensions exclusively by itsheightandwidthproperties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations. -
Style containment:
The
contain: styleCSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-incrementandcounter-set) and quotation styles (contentproperty quote values) beyond the element's descendants. -
Exponentiation operator:
The exponentiation (
**) operator returns the result of raising the first operand to the power of the second operand. -
font-variant-caps:
The
font-variant-capsCSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles. -
font-variant-numeric:
The
font-variant-numericCSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.