Web Technologies Browser Compatibility

This is an index to help you understand browser compatibility of existing web technologies.

CSSHTML 5SVGJS APISecurityJava ScriptOthers

CSS

CSS background-attachment
Background-clip: text
CSS3 Background-image options
background-position-x & background-position-y
CSS background-repeat round and space
CSS3 Border images
CSS3 Border-radius (rounded corners)
calc() as CSS unit value
ch (character) unit
CSS all property
CSS Animation
CSS :any-link selector
CSS Appearance
CSS @apply rule
CSS Counter Styles
CSS Backdrop Filter
CSS background-position edge offsets
CSS background-blend-mode
CSS box-decoration-break
CSS3 Box-shadow
CSS Canvas Drawings
CSS caret-color
CSS Cascade Layers
Case-insensitive CSS attribute selectors
CSS clip-path property (for HTML)
CSS print-color-adjust
CSS color() function
CSS Conical Gradients
CSS Container Queries (Size)
CSS Containment
CSS content-visibility
CSS Counters
Crisp edges/pixelated images
CSS Cross-Fade Function
:default CSS pseudo-class
Explicit descendant combinator >>
CSS Device Adaptation
:dir() CSS pseudo-class
CSS display: contents
CSS element() function
CSS Environment Variables env()
CSS Exclusions Level 1
CSS Feature Queries
CSS filter() function
CSS Filter Effects
::first-letter CSS pseudo-element selector
CSS first-line pseudo-element
CSS position:fixed
:focus-visible CSS pseudo-class
:focus-within CSS pseudo-class
CSS font-display
CSS font-stretch
CSS Generated content for pseudo-elements
CSS Gradients
CSS Grid Layout (level 1)
CSS hanging-punctuation
:has() CSS relational pseudo-class
CSS Hyphenation
CSS3 image-orientation
CSS image-set
:in-range and :out-of-range CSS pseudo-classes
:indeterminate CSS pseudo-class
CSS Initial Letter
CSS initial value
LCH and Lab color values
letter-spacing CSS property
CSS line-clamp
CSS Logical Properties
CSS ::marker pseudo-element
CSS Masks
:is() CSS pseudo-class
CSS math functions min(), max() and clamp()
Media Queries: interaction media features
Media Queries: resolution feature
CSS3 Media Queries
Blending of HTML/SVG elements
CSS Motion Path
CSS namespaces
selector list argument of :not()
selector list argument of :nth-child and :nth-last-child CSS pseudo-classes
CSS3 Opacity
:optional CSS pseudo-class
CSS overflow property
CSS overflow-anchor (Scroll Anchoring)
CSS overflow: overlay
CSS overscroll-behavior
CSS page-break properties
CSS Painting API
::placeholder CSS pseudo-element
:placeholder-shown CSS pseudo-class
CSS :read-only and :read-write selectors
Rebeccapurple color
CSS Reflections
CSS Regions
CSS Repeating Gradients
CSS resize property
CSS revert value
#rrggbbaa hex color notation
CSS Scroll-behavior
CSS @scroll-timeline
CSS scrollbar styling
CSS 2.1 selectors
CSS3 selectors
::selection CSS pseudo-element
CSS Shapes Level 1
CSS Scroll Snap
CSS position:sticky
CSS Subgrid
CSS Table display
CSS3 text-align-last
CSS text-indent
CSS text-justify
CSS text-orientation
CSS3 Text-shadow
CSS touch-action property
CSS3 Transitions
CSS unset value
CSS Variables (Custom Properties)
CSS widows & orphans
CSS writing-mode property
CSS zoom
CSS3 attr() function for all properties
CSS3 Box-sizing
CSS3 Colors
CSS3 Cursors (original values)
CSS grab & grabbing cursors
CSS3 Cursors: zoom-in & zoom-out
CSS3 tab-size
CSS currentColor value
Window.devicePixelRatio
ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for font-family
CSS Flexible Box Layout Module
gap property for Flexbox
display: flow-root
system-ui value for font-family
CSS font-feature-settings
CSS3 font-kerning
CSS Font Loading
CSS font-size-adjust
CSS font-smooth
Font unicode-range subsetting
CSS font-variant-alternates
CSS font-variant-numeric
@font-face Web fonts
getComputedStyle
CSS inline-block
Intrinsic & Extrinsic Sizing
CSS justify-content: space-evenly
High-quality kerning pairs & ligatures
CSS min/max-width/height
CSS3 Multiple backgrounds
CSS3 Multiple column layout
CSS3 object-fit/object-position
CSS outline properties
CSS pointer-events (for HTML)
prefers-color-scheme media query
prefers-reduced-motion media query
rem (root em) units
display: run-in
Scoped CSS
SVG in CSS backgrounds
text-decoration styling
text-emphasis styling
CSS3 Text-overflow
CSS text-size-adjust
CSS text-stroke and text-fill
CSS3 2D Transforms
CSS3 3D Transforms
TTF/OTF - TrueType and OpenType font support
CSS user-select: none
Variable fonts
Small, Large, and Dynamic viewport units
Viewport units: vw, vh, vmin, vmax
CSS -webkit-user-drag property
CSS will-change property
CSS3 word-break
CSS3 Overflow-wrap
CSS @when / @else conditional rules
CSS font-palette
CSS Container Query Units
CSS property: accent-color
types: <color>: `color-contrast()`
types: <color>: `hwb()` (HWB color model)
types: <color>: `color-mix()`
HTMLElement API: inert
CSS at-rule: `@property`
CSS at-rule: `@media`: `prefers-reduced-data` media feature
Media Queries: Range Syntax
CSS Container Style Queries
-moz-float-edge
-moz-force-broken-image-icon
-moz-image-region
-moz-orient
-moz-outline-radius
-moz-outline-radius-bottomleft
-moz-outline-radius-bottomright
-moz-outline-radius-topleft
-moz-outline-radius-topright
-moz-user-focus
-moz-user-input
-webkit-border-before
-webkit-box-reflect
-webkit-line-clamp
-webkit-mask-attachment
-webkit-mask-box-image
-webkit-mask-composite
-webkit-mask-position-x
-webkit-mask-position-y
-webkit-mask-repeat-x
-webkit-mask-repeat-y
-webkit-overflow-scrolling
-webkit-tap-highlight-color
-webkit-text-fill-color
-webkit-text-security
-webkit-text-stroke
-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-touch-callout
accent-color
align-content
align-items
align-self
align-tracks
all
animation
animation-composition
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timeline
animation-timing-function
appearance
aspect-ratio
backdrop-filter
backface-visibility
background
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-position-y
background-repeat
background-size
block-size
border
border-block
border-block-color
border-block-end
border-block-end-color
border-block-end-style
border-block-end-width
border-block-start
border-block-start-color
border-block-start-style
border-block-start-width
border-block-style
border-block-width
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-end-end-radius
border-end-start-radius
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-inline
border-inline-color
border-inline-end
border-inline-end-color
border-inline-end-style
border-inline-end-width
border-inline-start
border-inline-start-color
border-inline-start-style
border-inline-start-width
border-inline-style
border-inline-width
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-start-end-radius
border-start-start-radius
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-align
box-decoration-break
box-direction
box-flex
box-flex-group
box-lines
box-ordinal-group
box-orient
box-pack
box-shadow
box-sizing
break-after
break-before
break-inside
caption-side
caret-color
clear
clip
clip-path
color
color-scheme
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
contain
contain-intrinsic-block-size
contain-intrinsic-height
contain-intrinsic-inline-size
contain-intrinsic-size
contain-intrinsic-width
container
container-name
container-type
content
content-visibility
counter-increment
counter-reset
counter-set
cursor
direction
display
empty-cells
filter
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
font
font-family
font-feature-settings
font-language-override
font-optical-sizing
font-palette
font-size
font-stretch
font-style
font-synthesis
font-variant
font-variant-caps
font-variant-east-asian
font-variant-emoji
font-variant-ligatures
font-variant-position
font-variation-settings
font-weight
forced-color-adjust
gap
grid
grid-area
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column
grid-column-end
grid-column-start
grid-row
grid-row-end
grid-row-start
grid-template
grid-template-areas
grid-template-columns
grid-template-rows
hanging-punctuation
height
hyphenate-character
hyphenate-limit-chars
hyphens
image-orientation
image-rendering
initial-letter
initial-letter-align
inline-size
inset
inset-block
inset-block-end
inset-block-start
inset-inline
inset-inline-end
inset-inline-start
isolation
justify-content
justify-items
justify-self
justify-tracks
left
letter-spacing
line-break
line-height
line-height-step
list-style
list-style-image
list-style-position
list-style-type
margin
margin-block
margin-block-end
margin-block-start
margin-bottom
margin-inline
margin-inline-end
margin-inline-start
margin-left
margin-right
margin-top
margin-trim
mask
mask-border
mask-border-outset
mask-border-repeat
mask-border-slice
mask-border-source
mask-border-width
mask-clip
mask-composite
mask-image
mask-mode
mask-origin
mask-position
mask-repeat
mask-size
mask-type
masonry-auto-flow
math-depth
math-shift
math-style
max-block-size
max-height
max-inline-size
max-width
min-block-size
min-height
min-inline-size
min-width
mix-blend-mode
object-position
offset
offset-anchor
offset-distance
offset-path
offset-position
offset-rotate
opacity
order
orphans
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-anchor
overflow-block
overflow-clip-margin
overflow-inline
overflow-wrap
overflow-x
overflow-y
overscroll-behavior
overscroll-behavior-block
overscroll-behavior-inline
overscroll-behavior-x
overscroll-behavior-y
padding
padding-block
padding-block-end
padding-block-start
padding-bottom
padding-inline
padding-inline-end
padding-inline-start
padding-left
padding-right
padding-top
page-break-after
page-break-before
page-break-inside
paint-order
perspective
perspective-origin
place-content
place-items
place-self
position
print-color-adjust
quotes
resize
right
rotate
row-gap
ruby-align
ruby-position
scale
scroll-behavior
scroll-margin
scroll-margin-block
scroll-margin-block-end
scroll-margin-block-start
scroll-margin-bottom
scroll-margin-inline
scroll-margin-inline-end
scroll-margin-inline-start
scroll-margin-left
scroll-margin-right
scroll-margin-top
scroll-padding
scroll-padding-block
scroll-padding-block-end
scroll-padding-block-start
scroll-padding-bottom
scroll-padding-inline
scroll-padding-inline-end
scroll-padding-inline-start
scroll-padding-left
scroll-padding-right
scroll-padding-top
scroll-snap-align
scroll-snap-coordinate
scroll-snap-destination
scroll-snap-points-x
scroll-snap-points-y
scroll-snap-stop
scroll-snap-type
scroll-snap-type-x
scroll-snap-type-y
scroll-timeline
scroll-timeline-axis
scroll-timeline-name
scrollbar-color
scrollbar-gutter
scrollbar-width
shape-image-threshold
shape-margin
shape-outside
tab-size
table-layout
text-align
text-align-last
text-combine-upright
text-decoration-color
text-decoration-line
text-decoration-skip
text-decoration-skip-ink
text-decoration-style
text-decoration-thickness
text-emphasis-color
text-emphasis-position
text-emphasis-style
text-indent
text-justify
text-orientation
text-rendering
text-shadow
text-transform
text-underline-offset
text-underline-position
top
touch-action
transform
transform-box
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
translate
unicode-bidi
user-modify
user-select
vertical-align
visibility
white-space
widows
width
word-spacing
writing-mode
z-index
zoom

HTML 5

Audio element
Audio Tracks
Autofocus attribute
Printing Events
Canvas (basic support)
Text API for Canvas
classList (DOMTokenList)
contenteditable attribute (basic support)
Custom Elements (deprecated V0 spec)
Custom Elements (V1)
Datalist element
dataset & data-* attributes
Details & Summary elements
Dialog element
Download attribute
Drag and Drop
disabled attribute of the fieldset element
Form attribute
Attributes for form submission
Form validation
HTML5 form features
getElementsByClassName
Hashchange event
hidden attribute
Session history management
HTML Media Capture
HTML5 semantic elements
sandbox attribute for iframes
seamless attribute for iframes
srcdoc attribute for iframes
naturalWidth & naturalHeight image properties
HTML Imports
indeterminate checkbox
Color input type
Date and time input types
Email, telephone & URL input types
input event
accept attribute for file input
Multiple file selection
inputmode attribute
Minimum length attribute for input fields
Number input type
Pattern attribute for input fields
input placeholder attribute
Range input type
Search input type
Selection controls for input & textarea
PNG favicons
SVG favicons
Lazy loading via attribute for images & iframes
maxlength attribute for input and textarea elements
Context menu item (menuitem element)
meter element
Offline web applications
OffscreenCanvas
Reversed attribute of ordered lists
PageTransitionEvent
Path2D
Picture element
Ping attribute
Portals
progress element
readonly attribute of input and textarea elements
Custom protocol handling
rel=noopener
Link type "noreferrer"
relList (DOMTokenList)
Ruby annotation
async attribute for external scripts
defer attribute for external scripts
Spellcheck attribute
Srcset and sizes attributes
Scoped CSS
Subresource Integrity
Inline SVG in HTML5
tabindex global attribute
HTML templates
Video element
Video Tracks
wbr (word break opportunity) element
Add to home screen (A2HS)

JS API

AbortController & AbortSignal
Accelerometer
Ambient Light Sensor
asm.js
Asynchronous Clipboard API
Base64 encoding and decoding
Web Audio API
Auxclick
Background Sync API
Battery Status API
Beacon API
Printing Events
Blob constructing
Blob URLs
BroadcastChannel
Channel messaging
Synchronous Clipboard API
Basic console logging functions
console.time and console.timeEnd
Constraint Validation API
Cookie Store API
Cross-Origin Resource Sharing
createImageBitmap
Credential Management API
Web Cryptography
CSS Painting API
CSS @scroll-timeline
CSS.supports() API
CustomEvent
DeviceOrientation & DeviceMotion events
Do Not Track API
document.currentScript
document.evaluate & XPath
Document.execCommand()
Document Object Model Range
Scroll methods on elements (scroll, scrollTo, scrollBy)
Encrypted Media Extensions
Server-sent events
Feature Policy
Fetch
File API
FileReader API
FileReaderSync
Filesystem & FileWriter API
CSS Font Loading
Full Screen API
Gamepad API
Geolocation
Element.getBoundingClientRect()
getComputedStyle
crypto.getRandomValues()
Gyroscope
navigator.hardwareConcurrency
Hashchange event
High Resolution Time API
Input Method Editor API
IndexedDB
IndexedDB 2.0
Directory selection from file input
Selection controls for input & textarea
Element.insertAdjacentHTML()
IntersectionObserver
IntersectionObserver V2
Magnetometer
matches() DOM method
matchMedia
maxlength attribute for input and textarea elements
Media Capture from DOM Elements API
MediaRecorder API
Media Source Extensions
Web MIDI API
Mutation Observer
Web Storage - name/value pairs
File System Access API
Navigation Timing API
Network Information API
Web Notifications
Object RTC (ORTC) API for WebRTC
Online/offline status
Orientation Sensor
PageTransitionEvent
Page Visibility
Payment Request API
Permissions API
Permissions Policy
Picture-in-Picture
Pointer events
Pointer Lock API
Portals
Proximity API
Push API
requestAnimationFrame
requestIdleCallback
Resize Observer
Resource Timing
WebRTC Peer-to-peer connections
Screen Orientation
scrollIntoView
Element.scrollIntoViewIfNeeded()
Selection API
Server Timing
Service Workers
Efficient Script Yielding: setImmediate()
Shared Web Workers
Speech Recognition API
Speech Synthesis API
Web SQL Database
getUserMedia/Stream API
Streams
Temporal
TextEncoder & TextDecoder
Touch events
Trusted Types for DOM manipulation
FIDO U2F API
unhandledrejection/rejectionhandled events
URL API
URLSearchParams
User Timing API
Vibration API
Screen Wake Lock API
Web Animations API
Web Bluetooth
Web Serial API
Web Share API
WebGPU
WebHID API
Web NFC
Web Sockets
WebUSB
WebVR API
Web Workers
WebXR Device API
Cross-document messaging
XMLHttpRequest advanced features
DOM Parsing and Serialization
WebTransport
WebCodecs API
ImageCapture API

Other Web Technologies

AAC audio file format
EventTarget.addEventListener()
Animated PNG (APNG)
asm.js
Auxclick
AV1 video format
AVIF image format
Brotli Accept-Encoding/Content-Encoding
Canvas (basic support)
Canvas blend modes
Text API for Canvas
ChildNode.remove()
classList (DOMTokenList)
Client Hints: DPR, Width, Viewport-Width
COLR/CPAL(v0) Font Formats
Node.compareDocumentPosition()
CSS Nesting
CSS Paged Media (@page)
CSS.supports() API
Custom Elements (deprecated V0 spec)
Custom Elements (V1)
CustomEvent
Data URIs
Window.devicePixelRatio
Dialog element
EventTarget.dispatchEvent
document.evaluate & XPath
Document Policy
document.scrollingElement
document.head
DOM manipulation convenience methods
Document Object Model Range
DOMContentLoaded
DOMMatrix
Element.closest()
document.elementFromPoint()
Scroll methods on elements (scroll, scrollTo, scrollBy)
EOT - Embedded OpenType fonts
Feature Policy
disabled attribute of the fieldset element
FLAC audio format
focusin & focusout events
getComputedStyle
getElementsByClassName
HEIF/ISO Base Media File Format
HEVC/H.265 video format
HTTP Live Streaming (HLS)
HTTP/2 protocol
HTTP/3 protocol
naturalWidth & naturalHeight image properties
HTML Imports
indeterminate checkbox
HTMLElement.innerText
autocomplete attribute: on & off values
input event
Directory selection from file input
inputmode attribute
Element.insertAdjacentElement() & Element.insertAdjacentText()
IntersectionObserver
IntersectionObserver V2
JPEG 2000 image format
JPEG XL image format
JPEG XR image format
KeyboardEvent.charCode
KeyboardEvent.code
KeyboardEvent.getModifierState()
KeyboardEvent.key
KeyboardEvent.location
KeyboardEvent.which
Resource Hints: Lazyload
Resource Hints: dns-prefetch
Resource Hints: modulepreload
Resource Hints: preconnect
Resource Hints: prefetch
Resource Hints: preload
Resource Hints: prerender
matches() DOM method
matchMedia
MathML
maxlength attribute for input and textarea elements
Media Fragments
Media Capture from DOM Elements API
MediaRecorder API
Media Source Extensions
theme-color Meta Tag
MP3 audio format
Dynamic Adaptive Streaming over HTTP (MPEG-DASH)
MPEG-4/H.264 video format
Mutation events
Mutation Observer
Navigation Timing API
Network Information API
Ogg Vorbis audio format
Ogg/Theora video format
"once" event listener option
Opus audio format
Passive event listeners
Path2D
Built-in PDF viewer
Permissions Policy
Picture element
PNG alpha transparency
Pointer events
querySelector/querySelectorAll
readonly attribute of input and textarea elements
rel=noopener
Link type "noreferrer"
relList (DOMTokenList)
Resize Observer
async attribute for external scripts
defer attribute for external scripts
scrollIntoView
Element.scrollIntoViewIfNeeded()
SDCH Accept-Encoding/Content-Encoding
Shadow DOM (deprecated V0 spec)
Shadow DOM (V1)
SPDY protocol
Signed HTTP Exchanges (SXG)
HTML templates
Node.textContent
Touch events
Trusted Types for DOM manipulation
URL Scroll-To-Text Fragment
WAI-ARIA Accessibility features
WebAssembly
Wav audio format
Web Animations API
Add to home screen (A2HS)
WebGL - 3D Canvas graphics
WebGL 2.0
WebM video format
WebP image format
WebVTT - Web Video Text Tracks
WOFF - Web Open Font Format
WOFF 2.0 - Web Open Font Format
XMLHttpRequest advanced features
XHTML served as application/xhtml+xml
XHTML+SMIL animation
DOM Parsing and Serialization
COLR/CPAL(v1) Font Formats
Declarative Shadow DOM
ImageCapture API
Testμ Conference 2024
HomeWeb Technologies