📃 April 2010 release notes

New in Safari on iOS

The following features are now available in Safari on iOS:

• <abbr>: The <abbr> HTML element represents an abbreviation or acronym.
• Array iteration methods: Array iteration methods
• autofocus: The autofocus HTML attribute gives focus to an element on page load.
• baseline-shift: The baseline-shift CSS property sets the position of an element relative to its dominant baseline.
• ::before and ::after: The ::before and ::after CSS pseudo-elements select inline boxes preceding and following an element. They are often used with the content property to generate cosmetic content.
• CORS: Cross-Origin Resource Sharing is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading resources. Also known as CORS.
• currentColor: The currentColor CSS value allows you to reuse an element's computed text color for other properties.
• dominant-baseline: The dominant-baseline CSS property sets the specific baseline used to align an elements's text and inline-level contents.
• Drag and Drop: The Drag and Drop API lets users drag and drop elements and external files such as images onto web pages. Developers can customize which elements can become draggable, the type of feedback the draggable elements produce, and the droppable elements.
• glyph-orientation-vertical: The glyph-orientation-vertical CSS property sets the orientation of glyphs in text rendered in a vertical writing mode.
• <input type="file" multiple>: The <input type="file" multiple> HTML element shows a file picker from which users can choose one or more files to upload with a form.
• localStorage and sessionStorage: The localStorage and sessionStorage APIs store data as key-value pairs. While localStorage persists across sessions, sessionStorage data is discarded when the page is closed.
• Online status: The navigator.onLine property is a boolean for whether the browser is connected to some network (though not necessarily the internet). The online and offline events fire when the connection state changes.
• pointer-events: The pointer-events CSS property sets whether a user can interact with an element using a mouse, touch, or other pointing input device.
• postMessage: The postMessage() global method sends cross-origin messages to windows and workers, including popups and iframes. Also known as cross-document messaging.
• :read-only and :read-write: The :read-only and :read-write CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, :read-only matches <input> and <textarea> elements with the readonly attribute.
• @supports (compatibility prefix): The @supports (-webkit-transform-3d) CSS media query is a standardized compatibility alternative to @supports (transform-style).
• <wbr>: The <wbr> HTML element represents a word break opportunity, to explicitly mark a place within a word where a line might be broken.