📃 July 2011 release notes

New in Safari

The following features are now available in Safari:

• alignment-baseline: The alignment-baseline CSS property sets which baseline of an element is aligned with the corresponding baseline of its parent.
• 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.
• contenteditable="plaintext-only": The contenteditable="plaintext-only" global HTML attribute allows the user to edit the content of an element, but prevents rich-text formatting.
• 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.