📃 July 2016 release notes
New in Chrome
The following features are now available in Chrome:
-
contain:
The
contain
CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. Thenone
keyword value disables containment,strict
is equivalent tocontain: size layout style paint
, andcontent
is equivalent tocontain: layout style paint
. -
Layout containment:
The
contain: layout
CSS 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: paint
CSS 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: size
CSS declaration sets an element's dimensions exclusively by itsheight
andwidth
properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations. -
Style containment:
The
contain: style
CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment
andcounter-set
) and quotation styles (content
property 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-caps
CSS 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-numeric
CSS 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
contain
CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. Thenone
keyword value disables containment,strict
is equivalent tocontain: size layout style paint
, andcontent
is equivalent tocontain: layout style paint
. -
Layout containment:
The
contain: layout
CSS 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: paint
CSS 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: size
CSS declaration sets an element's dimensions exclusively by itsheight
andwidth
properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations. -
Style containment:
The
contain: style
CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment
andcounter-set
) and quotation styles (content
property 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-caps
CSS 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-numeric
CSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.