Web platform features explorer

📃 February 2013 release notes

New in Chrome

The following features are now available in Chrome:

  • background-position: The background-position CSS property offsets the initial position of background images relative to the background origin.
  • Content Security Policy (CSP): Content Security Policy (CSP) helps to mitigate certain security threats, including cross-site scripting (XSS) and clickjacking attacks. It consists of a set of directives from a website to a browser, which instruct the browser to restrict the things that the site is allowed to do.
  • Widows and orphans: The widows and orphans CSS properties set the minimum lines included in a text fragment created by page, column, or region breaks.

New in Chrome Android

The following features are now available in Chrome Android:

  • background-clip: The background-clip CSS property sets the extent of the background: the padding box, the content box, or the default border box.
  • background-origin: The background-origin CSS property sets the background starting position relative to the border and padding of an element.
  • background-position: The background-position CSS property offsets the initial position of background images relative to the background origin.
  • background-size: The background-size CSS property scales or stretches a background based on the size of the element (with the contain and cover keywords), a length, or percentage.
  • Content Security Policy (CSP): Content Security Policy (CSP) helps to mitigate certain security threats, including cross-site scripting (XSS) and clickjacking attacks. It consists of a set of directives from a website to a browser, which instruct the browser to restrict the things that the site is allowed to do.
  • HTML media capture: The capture HTML attribute for <input type="file"> elements allows the user to capture media using the device's camera or microphone.
  • srcdoc: The srcdoc attribute for the <iframe> HTML element sets a string of HTML to embed in the document. The value of srcdoc overrides loading a document from the src attribute.
  • <input type="color">: The <input type="color"> HTML element shows a color picker from which users can choose a color value.
  • Date and time <input> types: The <input type="date"> and <input type="time"> HTML elements show date and time pickers.
  • Intl: The Intl API provides language sensitive string comparison, number formatting, date and time formatting, and more.
  • mask-type: The mask-type CSS property on an SVG <mask> element sets whether the mask is a luminance or alpha mask.
  • OES_element_index_uint WebGL extension: The OES_element_index_uint extension for WebGL 1.0 contexts adds support for gl.UNSIGNED_INT types to WebGLRenderingContext.drawElements().
  • OES_vertex_array_object WebGL extension: The OES_vertex_array_object extension for WebGL 1.0 contexts adds vertex array objects (VAOs) which encapsulate vertex array states. These objects keep pointers to vertex data and names for different sets of vertex data.
  • overflow-wrap: The overflow-wrap CSS property breaks a line of text onto multiple lines inside the targeted element in an otherwise unbreakable place to prevent overflow. The legacy property is word-wrap.
  • requestAnimationFrame(): The requestAnimationFrame() method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.
  • SMIL SVG animations: The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.
  • Text tracks: The <track> element is used as a child of the media elements that lets you specify a timed text track to be displayed in parallel with the media element.
  • Time-relative pseudo-selectors: The :future and :past CSS pseudo-classes match upcoming or prior elements during media playback.
  • Touch events: Touch events touchstart, touchmove, touchend, and touchcancel fire when users interact with a touch-sensitive surface, such as a screen or drawing tablet. These events are similar to mouse events.
  • translate attribute: The translate HTML attribute marks whether an element's text should be translated.
  • WebGL: The WebGLRenderingContext API is the "webgl" rendering context for the <canvas> element. It represents a space for drawing two- and three-dimensional graphics and animations.
  • WebVTT: WebVTT is a captions and subtitles format. WebVTT files are loaded using the <track> element, and the VTTCue API can be used to create or update cues dynamically.
  • WebVTT cue settings: The VTTCue API updates various aspects of cues dynamically, such as alignment, size and position.
  • Widows and orphans: The widows and orphans CSS properties set the minimum lines included in a text fragment created by page, column, or region breaks.

New in Firefox

The following features are now available in Firefox:

  • initial: The initial keyword resets any CSS property to its initial value as defined by the specification. For example, the initial value of the display property is inline, regardless of the element being styled. Not to be confused with revert, which resets to the user or browser default style.
  • Text encoding and decoding: The TextEncoder API transforms a stream of code points into a byte stream with UTF-8 encoding, and TextDecoder does the reverse.
  • URL: A URL object represents a web address, like https://example.com/, and parts of the address, such as the domain, path, and query string (as URLSearchParams).
  • Viewport units: The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.

New in Firefox for Android

The following features are now available in Firefox for Android:

  • initial: The initial keyword resets any CSS property to its initial value as defined by the specification. For example, the initial value of the display property is inline, regardless of the element being styled. Not to be confused with revert, which resets to the user or browser default style.
  • Text encoding and decoding: The TextEncoder API transforms a stream of code points into a byte stream with UTF-8 encoding, and TextDecoder does the reverse.
  • URL: A URL object represents a web address, like https://example.com/, and parts of the address, such as the domain, path, and query string (as URLSearchParams).
  • Viewport units: The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.