Web platform features explorer

📃 July 2011 release notes

New in Safari

The following features are now available in Safari:

  • 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-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.
  • box-shadow: The box-shadow CSS property applies shadow effects around an element's frame. This can create drop shadow and inner shadow effects.
  • box-sizing: The box-sizing CSS property sets whether an element's width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.
  • Dataset: The dataset API attaches and accesses custom data on elements, using either the dataset property of HTMLElement or attributes prefixed with data-.
  • <figure> and <figcaption>: The <figure> and <figcaption> HTML elements represent an illustration, diagram, text, or other self-contained reference content, with an optional caption.
  • getComputedStyle(): The getComputedStyle() global method returns an CSSStyleDeclaration object that represents all CSS declarations applied to a given element.
  • <input type="number">: The <input type="number"> HTML element represents numeric input data.
  • <mark>: The <mark> element represents text which is marked or highlighted for reference or notation purposes.
  • matchMedia: The window.matchMedia() method checks whether a media query applies to the document.
  • MathML: MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.
  • Selection: The Selection API controls and modifies user text selections within the page.
  • Spellcheck: The spellcheck global HTML attribute sets whether the browser may check an element for spelling errors.
  • Typed arrays (initial support): Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers.
  • 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.