Can I use ?

Index

CSS

  1. ::first-letter CSS pseudo-element selector
  2. ::placeholder CSS pseudo-element
  3. ::selection CSS pseudo-element
  4. :dir() CSS pseudo-class
  5. :in-range and :out-of-range CSS pseudo-classes
  6. :matches() CSS pseudo-class
  7. :placeholder-shown CSS pseudo-class
  8. @font-face Web fonts
  9. Blending of HTML/SVG elements
  10. calc() as CSS unit value
  11. ch (character) unit
  12. 2.1 selectors
  13. ::marker pseudo-element
  14. all property
  15. Animation
  16. Appearance
  17. background-attachment
  18. background-blend-mode
  19. background-position edge offsets
  20. box-decoration-break
  21. clip-path property
  22. Counter Styles
  23. Counters
  24. currentColor value
  25. Device Adaptation
  26. element() function
  27. Exclusions Level 1
  28. Feature Queries
  29. Filter Effects
  30. filter() function
  31. first-line pseudo-element
  32. font-feature-settings
  33. font-size-adjust
  34. font-stretch
  35. font-variant-alternates
  36. Generated content for pseudo-elements
  37. Gradients
  38. Grid Layout
  39. Hyphenation
  40. Initial Letter
  41. initial value
  42. inline-block
  43. Masks
  44. min/max-width/height
  45. outline
  46. page-break properties
  47. position:fixed
  48. Regions
  49. Repeating Gradients
  50. resize property
  51. revert value
  52. Scroll snap points
  53. Shapes Level 1
  54. Table display
  55. text-indent
  56. text-justify
  57. touch-action property
  58. unset value
  59. user-select: none
  60. Variables (Custom Properties)
  61. widows & orphans
  62. will-change property
  63. writing-mode property
  64. 2D Transforms
  65. 3D Transforms
  66. attr() function
  67. Background-image options
  68. Border images
  69. Border-radius (rounded corners)
  70. Box-shadow
  71. Box-sizing
  72. Colors
  73. Cursors (original values)
  74. Cursors: zoom-in & zoom-out
  75. font-kerning
  76. image-orientation
  77. Media Queries
  78. Multiple backgrounds
  79. Multiple column layout
  80. object-fit/object-position
  81. Opacity
  82. Overflow-wrap
  83. selectors
  84. tab-size
  85. text-align-last
  86. Text-overflow
  87. Text-shadow
  88. Transitions
  89. word-break
  90. OM Scroll-behavior
  91. display: flow-root
  92. Flexible Box Layout Module
  93. Font unicode-range subsetting
  94. Intrinsic & Extrinsic Sizing
  95. letter-spacing CSS property
  96. Media Queries: interaction media features
  97. Media Queries: resolution feature
  98. rem (root em) units
  99. selector list argument of :not()
  100. text-decoration styling
  101. text-emphasis styling
  102. TTF/OTF - TrueType and OpenType font support
  103. Viewport units: vw, vh, vmin, vmax
  104. #rrggbbaa hex color notation
  105. :default CSS pseudo-class
  106. :focus-within CSS pseudo-class
  107. :has() CSS relational pseudo-class
  108. :indeterminate CSS pseudo-class
  109. :optional CSS pseudo-class
  110. background-position-x & background-position-y
  111. Case-insensitive CSS attribute selectors
  112. Crisp edges/pixelated images
  113. Backdrop Filter
  114. Canvas Drawings
  115. Containment
  116. Cross-Fade Function
  117. font-rendering controls
  118. font-smooth
  119. image-set
  120. line-clamp
  121. Logical Properties
  122. Motion Path
  123. pointer-events (for HTML)
  124. position:sticky
  125. Reflections
  126. scrollbar styling
  127. text-size-adjust
  128. text-stroke and text-fill
  129. zoom
  130. Explicit descendant combinator >>
  131. Improved kerning pairs & ligatures
  132. selector list argument of :nth-child and :nth-last-child CSS pseudo-classes
  133. All CSS features

Other

  1. "once" event listener option
  2. 'SameSite' cookie attribute
  3. AAC audio file format
  4. asm.js
  5. async attribute for external scripts
  6. autocomplete attribute: on & off values
  7. Brotli Accept-Encoding/Content-Encoding
  8. ChaCha20-Poly1305 cipher suites for TLS
  9. ChildNode.remove()
  10. Client Hints: DPR, Width, Viewport-Width
  11. Content Security Policy 1.0
  12. Content Security Policy Level 2
  13. CSS Paged Media (@page)
  14. Data URIs
  15. defer attribute for external scripts
  16. document.elementFromPoint()
  17. document.head
  18. DOM manipulation convenience methods
  19. DOMContentLoaded
  20. ECMAScript 5 Strict Mode
  21. Element.closest()
  22. Element.insertAdjacentElement() & Element.insertAdjacentText()
  23. EventTarget.addEventListener()
  24. EventTarget.dispatchEvent
  25. FLAC audio format
  26. focusin & focusout events
  27. getComputedStyle
  28. HTTP/2 protocol
  29. inputmode attribute
  30. JPEG 2000 image format
  31. JPEG XR image format
  32. KeyboardEvent.code
  33. KeyboardEvent.getModifierState()
  34. KeyboardEvent.key
  35. KeyboardEvent.location
  36. MathML
  37. MP3 audio format
  38. MPEG-4/H.264 video format
  39. Mutation events
  40. Node.compareDocumentPosition()
  41. Node.innerText
  42. Node.textContent
  43. Ogg Vorbis audio format
  44. Ogg/Theora video format
  45. Opus
  46. Passive event listeners
  47. PNG alpha transparency
  48. Public Key Pinning
  49. querySelector/querySelectorAll
  50. Referrer Policy
  51. Resource Hints: dns-prefetch
  52. Resource Hints: preconnect
  53. Resource Hints: prefetch
  54. Resource Hints: preload
  55. Resource Hints: prerender
  56. SDCH Accept-Encoding/Content-Encoding
  57. Server Name Indication
  58. Shadow DOM v0
  59. Shadow DOM v1
  60. Strict Transport Security
  61. TLS 1.1
  62. TLS 1.2
  63. Upgrade Insecure Requests
  64. WAI-ARIA Accessibility features
  65. Wav audio format
  66. WebAssembly
  67. WebM video format
  68. WebVTT - Web Video Text Tracks
  69. Window.devicePixelRatio
  70. WOFF - Web Open Font Format
  71. WOFF 2.0 - Web Open Font Format
  72. X-Frame-Options HTTP header
  73. XHTML served as application/xhtml+xml
  74. Animated PNG (APNG)
  75. EOT - Embedded OpenType fonts
  76. HTTP Live Streaming (HLS)
  77. KeyboardEvent.charCode
  78. KeyboardEvent.which
  79. Resource Hints: Lazyload
  80. SPDY protocol
  81. WebP image format
  82. XHTML+SMIL animation
  83. All Other features

JS API

  1. Ambient Light API
  2. Arrow functions
  3. Async functions
  4. Base64 encoding and decoding
  5. Basic console logging functions
  6. Battery Status API
  7. Beacon API
  8. Blob constructing
  9. Blob URLs
  10. BroadcastChannel
  11. Channel messaging
  12. Clipboard API
  13. const
  14. Credential Management API
  15. Cross-document messaging
  16. Cross-Origin Resource Sharing
  17. crypto.getRandomValues()
  18. CSS Font Loading
  19. CSS.supports() API
  20. CustomEvent
  21. DeviceOrientation & DeviceMotion events
  22. Document Object Model Range
  23. document.currentScript
  24. DOM Parsing and Serialization
  25. ECMAScript 5
  26. Element.getBoundingClientRect()
  27. Element.insertAdjacentHTML()
  28. ES6 classes
  29. ES6 module
  30. ES6 Number
  31. Fetch
  32. FIDO U2F API
  33. File API
  34. FileReader API
  35. FileReaderSync
  36. Full Screen API
  37. Gamepad API
  38. Geolocation
  39. getUserMedia/Stream API
  40. Hashchange event
  41. High Resolution Time API
  42. IndexedDB
  43. Input Method Editor API
  44. Internationalization API
  45. JSON parsing
  46. let
  47. matches() DOM method
  48. matchMedia
  49. maxlength attribute for input and textarea elements
  50. Media Source Extensions
  51. MediaRecorder API
  52. Mutation Observer
  53. Navigation Timing API
  54. Object RTC (ORTC) API for WebRTC
  55. Online/offline status
  56. Page Visibility
  57. PageTransitionEvent
  58. Payment Request API
  59. Pointer events
  60. PointerLock API
  61. Printing Events
  62. Promises
  63. Proximity API
  64. Proxy object
  65. Push API
  66. requestAnimationFrame
  67. requestIdleCallback
  68. Resource Timing
  69. Rest parameters
  70. Screen Orientation
  71. scrollIntoView
  72. Selection API
  73. Server-sent events
  74. Service Workers
  75. Shared Web Workers
  76. TextEncoder & TextDecoder
  77. Touch events
  78. Typed Arrays
  79. URLSearchParams
  80. User Timing API
  81. Vibration API
  82. Web Animations API
  83. Web Audio API
  84. Web Cryptography
  85. Web MIDI API
  86. Web Notifications
  87. Web Sockets
  88. Web Storage - name/value pairs
  89. Web Workers
  90. WebRTC Peer-to-peer connections
  91. XMLHttpRequest advanced features
  92. Document.execCommand()
  93. Efficient Script Yielding: setImmediate()
  94. Element.scrollIntoViewIfNeeded()
  95. Filesystem & FileWriter API
  96. IntersectionObserver
  97. Network Information API
  98. Object.observe data binding
  99. Permissions API
  100. Speech Recognition API
  101. Speech Synthesis API
  102. Web Bluetooth
  103. Web SQL Database
  104. All JS API features

Home

Index of features
Latest features
Most searched features
  1. Flexbox
  2. CSS transforms
  3. SVG
  4. CSS calc()
  5. CSS filter effects
Did you know?

  • You can import usage data from your Google Analytics account and see exactly how well a feature is supported among your own site's visitors. Look under the Settings panel to get started!

  • Usage data for all countries and continents can be imported via the Settings panel.

  • By default, older browser versions are only shown if they have >= 0.5% usage share. You can increase or decrease this value from the Settings panel.

  • If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself!

  • Each feature support table includes a "Usage relative" button. This will resize each browser version cell to be relative to the amount of support it has for the selected usage source.

Browser scores
Third party tools
  1. The CanIUse Embed — Add support tables to your site
  2. Caniuse Component — Add support tables to your presentations
  3. Caniuse command line tool
  4. Doiuse...? — Lint your CSS to check what features work
  5. I want to use — Select multiple features and see what % of users can use them

See full list

Tables

About

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as of 2014 was largely created by Lennart Schoors.

FAQ

May I use your data in my presentation/article/site, etc?

Yes, the support data on this site is free to use under the CC BY 4.0 license.

Is there a way to see the support data in colors other than red/green?

Yes, you can enable accessible colors from this link or from the option under Settings. This color scheme will be used again on revisit.

Do you have the data available in a raw format?

Yes, the raw support data is available on GitHub and is updated regularly.

Could you add feature X to the site?

Adding features takes quite some time and there are many requests for additions. Because of this I use GitHub issues to manage requests. Feel free to add/vote for your feature there.

If you've done the research yourself already, you can also submit a feature on GitHub.

Could you cover email clients too so I can see what I can use in HTML emails?

That certainly sounds useful, but for now I only intend to take on web browser support.

Which features do you choose to add to this list?

I use the following criteria:

  1. Useful to web designers/developers
  2. Likely to be eventually implemented by the majority of browsers
  3. Not already fully supported in even old browsers. These features can be made searchable but will not include support tables.

Most features are added in priority order from this list.

How do you test support?

I use a hand-crafted test suite to test features, which tests for basic support of each feature.

The test suite is publicly available at tests.caniuse.com.

Where do you get your information for upcoming versions?

Most information comes directly from the latest developer/preview/nightly builds.

When is a feature considered "supported"?

When its primary purpose is largely fulfilled. It does not mean it's 100% supported, just that it's usable in most cases.

How often is this page updated?

I try to keep it as current as possible, with new information being usually being processed within a few days. Follow the feed if you'd like keep up with all the changes made.