Web platform features explorer

📃 March 2008 release notes

New in Safari

The following features are now available in Safari:

  • attr() (content only): The attr() CSS function, in content property declarations, sets a ::before or ::after pseudo-element's content to the value of the specified HTML attribute.
  • <audio>: The <audio> element plays sound such as audio effects or music, optionally with controls provided by the browser.
  • :empty: The :empty CSS pseudo-class matches elements without child elements.
  • Focus events: Focus events, such as focus and blur, fire when an element gets or loses focus.
  • Input events: The input event fires when a form control changes or an element with the contenteditable attribute changes.
  • <input type="range">: The <input type="range"> element represents a slider for choosing an inexact value between a minimum and maximum value.
  • Input selectors: The :checked, :disabled, and :enabled CSS pseudo-classes match form elements based on their state.
  • :lang(): The :lang() CSS functional pseudo-class matches elements based on their content language.
  • :nth-child(): The :nth-child() and :nth-last-child() CSS functional pseudo-classes match elements based on their index within a list of elements. The :first-child and :last-child pseudo-classes match the first and last element in a list, and the :only-child pseudo-class matches an element with no siblings.
  • :nth-of-type() pseudo-classes: The :nth-of-type() and :nth-last-of-type() CSS functional pseudo-classes match elements based on their position among siblings of the same type. The :first-of-type, :last-of-type, and :only-of-type` pseudo-classes match the first, last, and only elements of its type.
  • <source>: The <source> element sets a media resource for the <picture>, <video>, and <audio> elements.
  • tabindex: The tabindex HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation.
  • <video>: The <video> element plays videos or movies, optionally with controls provided by the browser.
  • XSLT: The XSLTProcessor API transforms XML documents into new XML or HTML documents, using XSLT stylesheets. You can use XSLT to convert data between different XML schemas or to convert XML data into web pages or PDF documents. Also known as Extensible Stylesheet Language Transformations.
  • zoom: The zoom CSS property scales the size of an element. Unlike the transform property, a zoomed element affects page layout.