CSS Logical Properties

Logical properties and values provide control of layout through logical, rather than physical, direction and dimension mappings. These properties are `writing-mode` relative equivalents of their corresponding physical properties.

CSS Text Box

CSS `text-box` (and its longhands `text-box-trim` & `text-box-edge`) provide the ability to trim extra space over/under text glyphs at the start/end of a block to match specific font-provided metrics. This allows for more precise alignment and positioning of text.

CSS3 Transitions

Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.

Selection controls for input & textarea

Controls for setting and getting text selection via `setSelectionRange()` and the `selectionStart` & `selectionEnd` properties.

String.prototype.padStart(), String.prototype.padEnd()

The `padStart()` and `padEnd()` methods pad the current string with a given string (eventually repeated) so that the resulting string reaches a given length. The pad is applied from the start (left) of the current string for `padStart()`, and applied from the end (right) of the current string for `padEnd()`.

Touch events

Method of registering when, where and how the interface is touched, for devices with a touch screen. These DOM events are similar to mousedown, mousemove, etc.

css property: align-content: supported in flex layout: `start` and `end`

css property: align-items: supported in flex layout: `start` and `end`

css property: align-items: supported in grid layout: `start` and `end`

css property: align-self: supported in flex layout: `start` and `end`

css property: justify-content: supported in flex layout: `start` and `end`