BCD key mapping
-The web-features project has 13090 BCD keys mapped, out of 14997 total BCD keys (87% complete).
+The web-features project has 13412 BCD keys mapped, out of 14997 total BCD keys (89% complete).
Unmapped BCD keys
@@ -60,8 +60,6 @@Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Unmapped BCD keys
Learning resources on MDN
- - + - Barcode Detection API + BarcodeDetector diff --git a/features/clip/index.html b/features/clip/index.html new file mode 100644 index 0000000000..5e6578462d --- /dev/null +++ b/features/clip/index.html @@ -0,0 +1,207 @@ + + + + +
- + + + clip + + + + +
- + + + <shape> + + + + +
- + Chrome + + + ≤80 + Released before 2020-02-04 + + + +
- + Chrome Android + + + ≤80 + Released before 2020-02-04 + + + +
- + Edge + + + ≤80 + Released before 2020-02-07 + + + +
- + Firefox + + + ≤72 + Released before 2020-01-07 + + + +
- + Firefox for Android + + + ≤79 + Released before 2020-07-28 + + + +
- + Safari + + + ≤13.1 + Released before 2020-03-24 + + + +
- + Safari on iOS + + + ≤13.4 + Released before 2020-03-24 + + + +
- + + CSS Masking Module Level 1 (#clip-property), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
- + Chrome + + + ❌ + + + + + +
- + Chrome Android + + + ❌ + + + + + +
- + Edge + + + ❌ + + + + + +
- + Firefox + + + ≤72 + Released before 2020-01-07 + + + +
- + Firefox for Android + + + ≤79 + Released before 2020-07-28 + + + +
- + Safari + + + 15.4 + Released on 2022-03-14 + + + +
- + Safari on iOS + + + 15.4 + Released on 2022-03-14 + + + +
- + + CSS Color Adjustment Module Level 1 (#color-adjust), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
- + + + device-aspect-ratio + + + + +
- + + + device-height + + + + +
- + + + device-width + + + + +
- + Chrome + + + 1 + Released on 2008-12-11 + + + +
- + Chrome Android + + + 18 + Released on 2012-06-27 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 2 + Released on 2006-10-24 + + + +
- + Firefox for Android + + + 4 + Released on 2011-03-29 + + + +
- + Safari + + + 3 + Released on 2007-10-26 + + + +
- + Safari on iOS + + + 1 + Released on 2007-06-29 + + + +
- + + Media Queries Level 5 (#mf-deprecated), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
- + + + HTMLMediaElement: encrypted event + + + + +
- + + + HTMLMediaElement: mediaKeys property + + + + +
- + + + HTMLMediaElement: setMediaKeys() method + + + + +
- + + + HTMLMediaElement: waitingforkey event + + + + +
- + + + MediaEncryptedEvent + + + + +
- + + + MediaEncryptedEvent: MediaEncryptedEvent() constructor + + + + +
- + + + MediaEncryptedEvent: initData property + + + + +
- + + + MediaEncryptedEvent: initDataType property + + + + +
- + + + MediaKeyMessageEvent + + + + +
- + + + MediaKeyMessageEvent: MediaKeyMessageEvent() constructor + + + + +
- + + + MediaKeyMessageEvent: message property + + + + +
- + + + MediaKeyMessageEvent: messageType property + + + + +
- + + + MediaKeySession + + + + +
- + + + MediaKeySession: close() method + + + + +
- + + + MediaKeySession: closed property + + + + +
- + + + MediaKeySession: expiration property + + + + +
- + + + MediaKeySession: generateRequest() method + + + + +
- + + + MediaKeySession: keyStatuses property + + + + +
- + + + MediaKeySession: keystatuseschange event + + + + +
- + + + MediaKeySession: load() method + + + + +
- + + + MediaKeySession: message event + + + + +
- + + + MediaKeySession: remove() method + + + + +
- + + + MediaKeySession: sessionId property + + + + +
- + + + MediaKeySession: update() method + + + + +
- + + + MediaKeyStatusMap + + + + +
- + + + MediaKeyStatusMap: entries() method + + + + +
- + + + MediaKeyStatusMap: forEach() method + + + + +
- + + + MediaKeyStatusMap: get() method + + + + +
- + + + MediaKeyStatusMap: has() method + + + + +
- + + + MediaKeyStatusMap: keys() method + + + + +
- + + + MediaKeyStatusMap: size property + + + + +
- + + + MediaKeyStatusMap: values() method + + + + +
- + + + MediaKeySystemAccess + + + + +
- + + + MediaKeySystemAccess: createMediaKeys() method + + + + +
- + + + MediaKeySystemAccess: getConfiguration() method + + + + +
- + + + MediaKeySystemAccess: keySystem property + + + + +
- + + + MediaKeys + + + + +
- + + + MediaKeys: createSession() method + + + + +
- + + + MediaKeys: getStatusForPolicy() method + + + + +
- + + + MediaKeys: setServerCertificate() method + + + + +
- + + + Encrypted Media Extensions API + + + + +
- + + + Permissions-Policy: encrypted-media + + + + +
- + Chrome + + + 42 + Released on 2015-04-14 + + + +
- + Chrome Android + + + 42 + Released on 2015-04-15 + + + +
- + Edge + + + 13 + Released on 2015-11-12 + + + +
- + Firefox + + + 38 + Released on 2015-05-12 + + + +
- + Firefox for Android + + + 38 + Released on 2015-05-12 + + + +
- + Safari + + + 12.1 + Released on 2019-03-25 + + + +
- + Safari on iOS + + + 12.2 + Released on 2019-03-25 + + + +
- + + Encrypted Media Extensions, + from Media Working Group (W3C). + + + +
- + Chrome + + + ❌ + + + + + +
- + Chrome Android + + + ❌ + + + + + +
- + Edge + + + ❌ + + + + + +
- + Firefox + + + ❌ + + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + + +
- + Safari + + + ≤13.1 + Released before 2020-03-24 + + + +
- + Safari on iOS + + + ≤13.4 + Released before 2020-03-24 + + + +
- + + CSS Writing Modes Level 4 (#glyph-orientation), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
- + Chrome + + + ❌ + + + + + +
- + Chrome Android + + + ❌ + + + + + +
- + Edge + + + ❌ + + + + + +
- + Firefox + + + 3 + Released on 2008-06-17 + + + +
- + Firefox for Android + + + 4 + Released on 2011-03-29 + + + +
- + Safari + + + ❌ + + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + + + + + +
- + + CSS Basic User Interface Module Level 3 (CSS3 UI) (#input-method-editor), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
clip
++ This feature is discouraged. + + Consider using + + clip-path + + + instead. + + For the rationale, see: +
+ +
+ The clip
CSS property sets the visible area of an absolutely positioned element.
+
Learning resources on MDN
+-
+
+
Browser support
+-
+
+
Specifications
+-
+
+
+ Edit this feature + - + Report an issue about this feature +
+color-adjust
++ This feature is discouraged. + + Consider using + + Print color adjust + + + instead. + + For the rationale, see: +
+ +
+ The color-adjust
shorthand CSS property allows multiple performance related color adjustments to be set at once. Setting the print-color-adjust
CSS property directly is preferred, as it is the only such adjustment so far defined.
+
Browser support
+-
+
+
Specifications
+-
+
+
+ Edit this feature + - + Report an issue about this feature +
+Device media queries
++ This feature is discouraged. + + Consider using + + Media queries + + + instead. + + For the rationale, see: +
+ +
+ The device-aspect-ratio
, device-height
, and device-width
media features describe physical properties of the displaying output device.
+
Learning resources on MDN
+-
+
+
Browser support
+-
+
+
Specifications
+-
+
+
+ Edit this feature + - + Report an issue about this feature +
+Encrypted media extensions
+
+ The mediaKeys
property of HTMLMediaElement
and the navigator.requestMediaKeySystemAccess()
method control the playback of content subject to digital rights management. Also known as EME.
+
Learning resources on MDN
+-
+
+
Browser support (view on caniuse.com)
+-
+
+
Specifications
+-
+
+
+ Edit this feature + - + Report an issue about this feature +
+glyph-orientation-vertical
++ This feature is discouraged. + + Consider using + + text-orientation + + + instead. + + For the rationale, see: +
+ +
+ The glyph-orientation-vertical
CSS property sets the orientation of glyphs in text rendered in a vertical writing mode.
+
Browser support
+-
+
+
Specifications
+-
+
+
+ Edit this feature + - + Report an issue about this feature +
+ime-mode
++ This feature is discouraged. + + For the rationale, see: +
+ +
+ The ime-mode
CSS property sets the state of the input method editor for text fields.
+
Browser support
+-
+
+
Specifications
+-
+
+
+ Edit this feature + - + Report an issue about this feature +
+Clearing site dat +
clip
+The clip
CSS property sets the visible area of an absolutely positioned element.
-
+
+
- + Chrome + + + ≤80 + Released before 2020-02-04 + + + +
- + Chrome Android + + + ≤80 + Released before 2020-02-04 + + + +
- + Edge + + + ≤80 + Released before 2020-02-07 + + + +
- + Firefox + + + ≤72 + Released before 2020-01-07 + + + +
- + Firefox for Android + + + ≤79 + Released before 2020-07-28 + + + +
- + Safari + + + ≤13.1 + Released before 2020-03-24 + + + +
- + Safari on iOS + + + ≤13.4 + Released before 2020-03-24 + + +
Color
color()
- CSS > - - Color types + Print mediaThe color()
function picks a color from a given color space. Wide gamut color spaces like display-p3
allow showing more vibrant and saturated colors than the standard srgb
color space.
The color-adjust
shorthand CSS property allows multiple performance related color adjustments to be set at once. Setting the print-color-adjust
CSS property directly is preferred, as it is the only such adjustment so far defined.
-
-
- +
- Chrome - 111 - Released on 2023-03-07 - - - -
- - Chrome Android - - - 111 - Released on 2023-03-07 - - - -
- - Edge - - - 111 - Released on 2023-03-13 - - - -
- - Firefox - - - 113 - Released on 2023-05-09 - - - -
- - Firefox for Android - - - 113 - Released on 2023-05-09 - - - -
- - Safari - - - 15 - Released on 2021-09-20 - - - -
- - Safari on iOS - - - 15 - Released on 2021-09-20 - - - -
color-gamut media query
-The color-gamut
media query sets styles based on the colors a device can display.
-
-
-
- - Chrome - - - 58 - Released on 2017-04-19 -
- +
- Chrome Android - 58 - Released on 2017-04-25 + ❌ + -
- +
- Edge - 79 - Released on 2020-01-15 + ❌ + @@ -17140,8 +17132,8 @@
-
- ++-+ + +
color-mix()
+color()
@@ -17200,16 +17192,228 @@-color-mix()
- CSS + CSS > + + Color typesThe
+color-mix()
function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.The
- + + +color()
function picks a color from a given color space. Wide gamut color spaces likedisplay-p3
allow showing more vibrant and saturated colors than the standardsrgb
color space.-
+
+
- + Chrome + + + 111 + Released on 2023-03-07 + + + +
- + Chrome Android + + + 111 + Released on 2023-03-07 + + + +
- + Edge + + + 111 + Released on 2023-03-13 + + + +
- + Firefox + + + 113 + Released on 2023-05-09 + + + +
- + Firefox for Android + + + 113 + Released on 2023-05-09 + + + +
- + Safari + + + 15 + Released on 2021-09-20 + + + +
- + Safari on iOS + + + 15 + Released on 2021-09-20 + + + +
- +
+ +++++ + +color-gamut media query
++ + + Newly available since 2023-02-14 + + ++The
+ + + +color-gamut
media query sets styles based on the colors a device can display.-
+
+
- + Chrome + + + 58 + Released on 2017-04-19 + + + +
- + Chrome Android + + + 58 + Released on 2017-04-25 + + + +
- + Edge + + + 79 + Released on 2020-01-15 + + + +
- + Firefox + + + 110 + Released on 2023-02-14 + + + +
- + Firefox for Android + + + 110 + Released on 2023-02-14 + + + +
- + Safari + + + 10 + Released on 2016-09-20 + + + +
- + Safari on iOS + + + 10 + Released on 2016-09-13 + + + +
- +
+ +++++ + +color-mix()
++ + + Newly available since 2023-05-09 + + ++The
+ +color-mix()
function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.-
@@ -25274,14 +25478,12 @@
-
- ++@@ -25289,16 +25491,26 @@-
devicePixelRatio Tags: - api + css + Groups: + + + + CSS > + + Media queries + + + +
The
-window.devicePixelRatio
read-only property returns the ratio of the size of one CSS pixel to the vertical size of one physical pixel on the current display device.Baseline availability blocked since July 2015 by Safari (114 months)
+The
- +device-aspect-ratio
,device-height
, anddevice-width
media features describe physical properties of the displaying output device.-
@@ -25333,8 +25545,8 @@
- +
- Safari - ❌ - - - - - + 3 + Released on 2007-10-26 -
- +
- Safari on iOS - ❌ - - - - - + 1 + Released on 2007-06-29 @@ -25378,14 +25582,14 @@
-
- ++@@ -25393,26 +25597,16 @@-
<dfn>
Tags: - html + api - Groups: - - - - HTML > - - HTML elements - - - -The
+<dfn>
element marks a term to be defined, styling text as italic by default.The
+window.devicePixelRatio
read-only property returns the ratio of the size of one CSS pixel to the vertical size of one physical pixel on the current display device.Baseline availability blocked since July 2015 by Safari (114 months)
- +-
@@ -25420,8 +25614,122 @@
- + Chrome Android + + + 18 + Released on 2012-06-27 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 18 + Released on 2013-01-08 + + + +
- + Firefox for Android + + + 18 + Released on 2013-01-08 + + + +
- + Safari + + + ❌ + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + + + + +
<dfn>
Chrome - 15 - Released on 2011-10-25 + 1 + Released on 2008-12-11 + + + +
+
+ - + + + +
-
+ +++ + +
Encrypted media extensions
++ + + + Widely available since 2021-09-25 + ++The
+ + + +mediaKeys
property ofHTMLMediaElement
and thenavigator.requestMediaKeySystemAccess()
method control the playback of content subject to digital rights management. Also known as EME.-
+
+
- + Chrome + + + 42 + Released on 2015-04-14 + + + +
- + Chrome Android + + + 42 + Released on 2015-04-15 + + + +
- + Edge + + + 13 + Released on 2015-11-12 + + + +
- + Firefox + + + 38 + Released on 2015-05-12 + + + +
- + Firefox for Android + + + 38 + Released on 2015-05-12 + + + +
- + Safari + + + 12.1 + Released on 2019-03-25 + + + +
- + Safari on iOS + + + 12.2 + Released on 2019-03-25 + + +
@@ -39284,6 +39691,116 @@
devicePixelRatio Firefox - 18 - Released on 2013-01-08 + 2 + Released on 2006-10-24 @@ -25342,34 +25554,26 @@
devicePixelRatio Firefox for Android - 18 - Released on 2013-01-08 + 4 + Released on 2011-03-29 -
devicePixelRatio
globalThis
+
+
+ -
+ +++ + +
glyph-orientation-vertical
++ + Discouraged + ++The
+ + + +glyph-orientation-vertical
CSS property sets the orientation of glyphs in text rendered in a vertical writing mode.-
+
+
- + Chrome + + + ❌ + + + + +
- + Chrome Android + + + ❌ + + + + +
- + Edge + + + ❌ + + + + +
- + Firefox + + + ❌ + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + +
- + Safari + + + ≤13.1 + Released before 2020-03-24 + + + +
- + Safari on iOS + + + ≤13.4 + Released before 2020-03-24 + + +
@@ -44300,6 +44817,116 @@
Device posture
image-set()
17 Released on 2023-09-18 + + +- +
+ +++++ + +ime-mode
++ + Discouraged + ++The
+ + + +ime-mode
CSS property sets the state of the input method editor for text fields.-
+
+
- + Chrome + + + ❌ + + + + +
- + Chrome Android + + + ❌ + + + + +
- + Edge + + + ❌ + + + + +
- + Firefox + + + 3 + Released on 2008-06-17 + + + +
- + Firefox for Android + + + 4 + Released on 2011-03-29 + + + +
- + Safari + + + ❌ + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + +
<ins>
+ +- +
@@ -56515,6 +57245,101 @@+++ + +Insertable streams for MediaStreamTrack
++ + Limited availability + + + ++The
+ + + +MediaStreamTrackProcessor
andMediaStreamTrackGenerator
APIs modify the contents of a media track for merging streams, applying real-time effects like funny hats, and content overlays.-
+
+
- + Chrome + + + ❌ + + + + +
- + Chrome Android + + + ❌ + + + + +
- + Edge + + + ❌ + + + + +
- + Firefox + + + ❌ + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + +
- + Safari + + + 18 + Released on 2024-09-16 + + + +
- + Safari on iOS + + + 18 + Released on 2024-09-16 + + +
Memory measurement + + + +
- +
+ ++@@ -56612,6 +57441,101 @@++ + +Media capabilities
++ + + + Widely available since 2022-07-15 + ++The
+ + + +navigator.mediaCapabilities
API queries the encoding and decoding abilities of the device, such as supported codecs, resolutions, and bitrates.-
+
+
- + Chrome + + + 66 + Released on 2018-04-17 + + + +
- + Chrome Android + + + 66 + Released on 2018-04-17 + + + +
- + Edge + + + 79 + Released on 2020-01-15 + + + +
- + Firefox + + + 63 + Released on 2018-10-23 + + + +
- + Firefox for Android + + + 63 + Released on 2018-10-23 + + + +
- + Safari + + + 13 + Released on 2019-09-19 + + + +
- + Safari on iOS + + + 13 + Released on 2019-09-19 +
Media capture api + html + + http +
Media capture
+
+ -
+ +++ + +
Media playback quality
++ + + + Widely available since 2022-08-04 + ++The
+ + + +getVideoPlaybackQuality()
method ofHTMLVideoElement
returns metrics that can be used to determine the playback quality of a video, such as how many frames were dropped.-
+
+
- + Chrome + + + 80 + Released on 2020-02-04 + + + +
- + Chrome Android + + + 80 + Released on 2020-02-04 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 42 + Released on 2015-11-03 + + + +
- + Firefox for Android + + + 42 + Released on 2015-11-03 + + + +
- + Safari + + + 8 + Released on 2014-10-16 + + + +
- + Safari on iOS + + + 12.2 + Released on 2019-03-25 + + +
@@ -57119,8 +58043,8 @@
color-gamut media que
Firefox
- 110
- Released on 2023-02-14
+ ≤72
+ Released before 2020-01-07
@@ -17149,8 +17141,8 @@ color-gamut media que
Firefox for Android
- 110
- Released on 2023-02-14
+ ≤79
+ Released before 2020-07-28
@@ -17158,8 +17150,8 @@ color-gamut media que
Safari
- 10
- Released on 2016-09-20
+ 15.4
+ Released on 2022-03-14
@@ -17167,8 +17159,8 @@ color-gamut media que
Safari on iOS
- 10
- Released on 2016-09-13
+ 15.4
+ Released on 2022-03-14
@@ -17177,9 +17169,9 @@ color-gamut media que
Media source
Firefox for Android
- 42
- Released on 2015-11-03
+ 41
+ Released on 2015-09-22
@@ -57144,6 +58068,117 @@ Media source
+
+
color-gamut media que
Safari
- 10
- Released on 2016-09-20
+ 15.4
+ Released on 2022-03-14
@@ -17167,8 +17159,8 @@ color-gamut media que
Safari on iOS
- 10
- Released on 2016-09-13
+ 15.4
+ Released on 2022-03-14
@@ -17177,9 +17169,9 @@ color-gamut media que
Media source
Firefox for Android
- 42
- Released on 2015-11-03
+ 41
+ Released on 2015-09-22
@@ -57144,6 +58068,117 @@ Media source
+
+
color-gamut media que
Media source
Firefox for Android
- 42
- Released on 2015-11-03
+ 41
+ Released on 2015-09-22
@@ -57144,6 +58068,117 @@ Media source
+
+
MediaStream recording
+The MediaRecorder
API captures data generated by MediaStream
or HTMLMediaElement
objects for analysis, processing, or saving to disk. Also known as the Media Recording API or the MediaRecorder API.
-
+
+
- + Chrome + + + ❌ + + + + +
- + Chrome Android + + + ❌ + + + + +
- + Edge + + + ❌ + + + + +
- + Firefox + + + ❌ + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + +
- + Safari + + + ❌ + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + +
overflow-cli
The overflow-clip-margin
CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as overflow: clip
.
The overflow-clip-margin
CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as overflow: clip
.
-
+
+
- + Chrome + + + ❌ + + + + +
- + Chrome Android + + + ❌ + + + + +
- + Edge + + + ❌ + + + + +
- + Firefox + + + ❌ + + + + + Vendor position + + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + Vendor position + + + + + + + + + +
- + Safari + + + ❌ + + + + + Vendor position + + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + Vendor position + + + + + + + + + +
`overflow: overlay`
+The overflow: overlay
CSS declaration is an alias to overflow: auto
. Historically, it caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space.
-
-
- +
- Chrome - ❌ - + 15 + Released on 2011-10-25 -
- +
- Chrome Android - ❌ - + 100 + Released on 2022-03-29 -
- +
- Edge - ❌ - + 79 + Released on 2020-01-15 -
- +
- Firefox - ❌ - - - - - Vendor position - - - - - - + 112 + Released on 2023-04-11 -
- +
- Firefox for Android - ❌ - - - - - Vendor position - - - - - - + 112 + Released on 2023-04-11 -
- +
- Safari - ❌ - - - - - Vendor position - - - - - - + ≤13.1 + Released before 2020-03-24 -
- +
- Safari on iOS - ❌ - - - - - Vendor position - - - - - - + ≤13.4 + Released before 2020-03-24 @@ -72138,6 +73275,117 @@
RegExp.escape() 18.2 Released on 2024-12-11 + + +
Region capture
+The CropTarget
API crops an element from a video track derived from display-capture of the active browser tab. For example, you can crop out video conferencing during screen sharing.
-
+
+
- + Chrome + + + 104 + Released on 2022-08-02 + + + +
- + Chrome Android + + + ❌ + + + + +
- + Edge + + + 104 + Released on 2022-08-05 + + + +
- + Firefox + + + ❌ + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + +
- + Safari + + + ❌ + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + +
text-decoration + +
`text-decoration-line: blink`
+The text-decoration: blink
CSS declaration flashes text between visible and invisible.
-
+
+
- + Chrome + + + 57 + Released on 2017-03-09 + + + +
- + Chrome Android + + + 57 + Released on 2017-03-16 + + + +
- + Edge + + + 79 + Released on 2020-01-15 + + + +
- + Firefox + + + 36 + Released on 2015-02-24 + + + +
- + Firefox for Android + + + 36 + Released on 2015-02-27 + + + +
- + Safari + + + 12.1 + Released on 2019-03-25 + + + +
- + Safari on iOS + + + 12.2 + Released on 2019-03-25 + + +
WebUSB
+ + + + + + +WebVR
+The navigator.getVRDisplays()
API represents virtual reality (VR) devices, including sensors and head-mounted displays.
-
+
+
- + Chrome + + + ❌ + + + + +
- + Chrome Android + + + ❌ + + + + +
- + Edge + + + ❌ + + + + +
- + Firefox + + + ❌ + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + +
- + Safari + + + ❌ + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + +
word-break + + + +
`word-break: break-word`
+The word-break: break-word
CSS declaration sets word breaks to occur according to their customary rules. Superseded by overflow-wrap: anywhere
.
-
+
+
- + Chrome + + + 1 + Released on 2008-12-11 + + + +
- + Chrome Android + + + 18 + Released on 2012-06-27 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 67 + Released on 2019-05-21 + + + +
- + Firefox for Android + + + 67 + Released on 2019-05-21 + + + +
- + Safari + + + 3 + Released on 2007-10-26 + + + +
- + Safari on iOS + + + 2 + Released on 2008-07-11 +
writing-mode
+ +writing-mode SVG 1.1 values
+The lr
, lr-tb
, rl
, rl-tb
, tb
, and tb-rl
keyword values for the writing-mode
CSS property set the text direction for elements in SVG 1.1 documents.
-
+
+
- + Chrome + + + 48 + Released on 2016-01-20 + + + +
- + Chrome Android + + + 48 + Released on 2016-01-26 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 43 + Released on 2015-12-15 + + + +
- + Firefox for Android + + + 43 + Released on 2015-12-15 + + + +
- + Safari + + + 10.1 + Released on 2017-03-27 + + + +
- + Safari on iOS + + + 10.3 + Released on 2017-03-27 + + +
Learning resources on MDN
Insertable streams for MediaStreamTrack
+
+ The MediaStreamTrackProcessor
and MediaStreamTrackGenerator
APIs modify the contents of a media track for merging streams, applying real-time effects like funny hats, and content overlays.
+
Learning resources on MDN
+-
+
+
- + + + MediaStreamTrackProcessor + + + + +
- + + + MediaStreamTrackProcessor: MediaStreamTrackProcessor() constructor + + + + +
- + + + MediaStreamTrackProcessor: readable property + + + + +
Browser support
+-
+
+
- + Chrome + + + ❌ + + + + + +
- + Chrome Android + + + ❌ + + + + + +
- + Edge + + + ❌ + + + + + +
- + Firefox + + + ❌ + + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + + +
- + Safari + + + 18 + Released on 2024-09-16 + + + +
- + Safari on iOS + + + 18 + Released on 2024-09-16 + + + +
Specifications
+-
+
+
- + + MediaStreamTrack Insertable Media Processing using Streams, + from Web Real-Time Communications Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+Media capabilities
+
+ The navigator.mediaCapabilities
API queries the encoding and decoding abilities of the device, such as supported codecs, resolutions, and bitrates.
+
Learning resources on MDN
+-
+
+
- + + + InputDeviceInfo: getCapabilities() method + + + + +
- + + + Media Capabilities API + + + + +
- + + + MediaCapabilities: decodingInfo() method + + + + +
- + + + MediaCapabilities: encodingInfo() method + + + + +
- + + + MediaStreamTrack: getCapabilities() method + + + + +
- + + + Navigator: mediaCapabilities property + + + + +
- + + + WorkerNavigator: mediaCapabilities property + + + + +
Browser support
+-
+
+
- + Chrome + + + 66 + Released on 2018-04-17 + + + +
- + Chrome Android + + + 66 + Released on 2018-04-17 + + + +
- + Edge + + + 79 + Released on 2020-01-15 + + + +
- + Firefox + + + 63 + Released on 2018-10-23 + + + +
- + Firefox for Android + + + 63 + Released on 2018-10-23 + + + +
- + Safari + + + 13 + Released on 2019-09-19 + + + +
- + Safari on iOS + + + 13 + Released on 2019-09-19 + + + +
Specifications
+-
+
+
- + + Media Capabilities, + from Media Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+Media capture
api + html + + http + diff --git a/features/media-playback-quality/index.html b/features/media-playback-quality/index.html new file mode 100644 index 0000000000..4f94513294 --- /dev/null +++ b/features/media-playback-quality/index.html @@ -0,0 +1,204 @@ + + + + +Media playback quality
+
+ The getVideoPlaybackQuality()
method of HTMLVideoElement
returns metrics that can be used to determine the playback quality of a video, such as how many frames were dropped.
+
Learning resources on MDN
+-
+
+
- + + + HTMLVideoElement: getVideoPlaybackQuality() method + + + + +
- + + + VideoPlaybackQuality + + + + +
- + + + VideoPlaybackQuality: creationTime property + + + + +
- + + + VideoPlaybackQuality: droppedVideoFrames property + + + + +
- + + + VideoPlaybackQuality: totalVideoFrames property + + + + +
Browser support
+-
+
+
- + Chrome + + + 80 + Released on 2020-02-04 + + + +
- + Chrome Android + + + 80 + Released on 2020-02-04 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 42 + Released on 2015-11-03 + + + +
- + Firefox for Android + + + 42 + Released on 2015-11-03 + + + +
- + Safari + + + 8 + Released on 2014-10-16 + + + +
- + Safari on iOS + + + 12.2 + Released on 2019-03-25 + + + +
Specifications
+-
+
+
- + + Media Playback Quality, + from Media Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+Browser support (Firefox for Android
- 42
- Released on 2015-11-03
+ 41
+ Released on 2015-09-22
diff --git a/features/mediastream-recording/index.html b/features/mediastream-recording/index.html
new file mode 100644
index 0000000000..0910bf622f
--- /dev/null
+++ b/features/mediastream-recording/index.html
@@ -0,0 +1,393 @@
+
+
+
+
+ Web platform features explorer - MediaStream recording
+
+
+
+
+
+
+
+ Web platform features explorer
+
+
+
+
+
+
+
+
+
+
+ MediaStream recording
+
+
+ Limited availability
+
+
+
+
+
+
+
+
+
+
+
+ The MediaRecorder
API captures data generated by MediaStream
or HTMLMediaElement
objects for analysis, processing, or saving to disk. Also known as the Media Recording API or the MediaRecorder API.
+
+
+
+ Learning resources on MDN
+
+
+ -
+
+
+ BlobEvent
+
+
+
+
+ -
+
+
+ BlobEvent: BlobEvent() constructor
+
+
+
+
+ -
+
+
+ BlobEvent: data property
+
+
+
+
+ -
+
+
+ BlobEvent: timecode property
+
+
+
+
+ -
+
+
+ MediaRecorder
+
+
+
+
+ -
+
+
+ MediaRecorder: MediaRecorder() constructor
+
+
+
+
+ -
+
+
+ MediaRecorder: audioBitrateMode property
+
+
+
+
+ -
+
+
+ MediaRecorder: audioBitsPerSecond property
+
+
+
+
+ -
+
+
+ MediaRecorder: dataavailable event
+
+
+
+
+ -
+
+
+ MediaRecorder: error event
+
+
+
+
+ -
+
+
+ MediaRecorder: isTypeSupported() static method
+
+
+
+
+ -
+
+
+ MediaRecorder: mimeType property
+
+
+
+
+ -
+
+
+ MediaRecorder: pause() method
+
+
+
+
+ -
+
+
+ MediaRecorder: pause event
+
+
+
+
+ -
+
+
+ MediaRecorder: requestData() method
+
+
+
+
+ -
+
+
+ MediaRecorder: resume() method
+
+
+
+
+ -
+
+
+ MediaRecorder: resume event
+
+
+
+
+ -
+
+
+ MediaRecorder: start() method
+
+
+
+
+ -
+
+
+ MediaRecorder: start event
+
+
+
+
+ -
+
+
+ MediaRecorder: state property
+
+
+
+
+ -
+
+
+ MediaRecorder: stop() method
+
+
+
+
+ -
+
+
+ MediaRecorder: stop event
+
+
+
+
+ -
+
+
+ MediaRecorder: stream property
+
+
+
+
+ -
+
+
+ MediaRecorder: videoBitsPerSecond property
+
+
+
+
+
+
+
+ Browser support
+
+
+ -
+ Chrome
+
+
+ ❌
+
+
+
+
+
+ -
+ Chrome Android
+
+
+ ❌
+
+
+
+
+
+ -
+ Edge
+
+
+ ❌
+
+
+
+
+
+ -
+ Firefox
+
+
+ ❌
+
+
+ See
+
+ bugzil.la/1573299
+
+
+
+
+
+
+
+
+
+
+
+ -
+ Firefox for Android
+
+
+ ❌
+
+
+ See
+
+ bugzil.la/1573299
+
+
+
+
+
+
+
+
+
+
+
+ -
+ Safari
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+ -
+ Safari on iOS
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Specifications
+
+
+ -
+
+ MediaStream Recording,
+ from Web Real-Time Communications Working Group (W3C).
+
+
+
+
+
+
+
+
+ Edit this feature
+ -
+ Report an issue about this feature
+
+
+
+
+
+
+
diff --git a/features/overflow-overlay/index.html b/features/overflow-overlay/index.html
new file mode 100644
index 0000000000..b93467ccb8
--- /dev/null
+++ b/features/overflow-overlay/index.html
@@ -0,0 +1,186 @@
+
+
+
+
+ Web platform features explorer - `overflow: overlay`
+
+
+
+
+
+
+
+ Web platform features explorer
+
+
+
+
+
+
+
+
+
+
+ `overflow: overlay`
+
+
+ Discouraged
+
+
+
+
+
+
+
+
+
+ This feature is discouraged.
+
+ Consider using
+
+ overflow
+
+
+ instead.
+
+ For the rationale, see:
+
+
+
+
+
+
+ The overflow: overlay
CSS declaration is an alias to overflow: auto
. Historically, it caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space.
+
+
+
+
+ Browser support (view on caniuse.com)
+
+
+ -
+ Chrome
+
+
+ 15
+ Released on 2011-10-25
+
+
+
+ -
+ Chrome Android
+
+
+ 100
+ Released on 2022-03-29
+
+
+
+ -
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+ -
+ Firefox
+
+
+ 112
+ Released on 2023-04-11
+
+
+
+ -
+ Firefox for Android
+
+
+ 112
+ Released on 2023-04-11
+
+
+
+ -
+ Safari
+
+
+ ≤13.1
+ Released before 2020-03-24
+
+
+
+ -
+ Safari on iOS
+
+
+ ≤13.4
+ Released before 2020-03-24
+
+
+
+
+
+
+
+
+
+ Specifications
+
+
+ -
+
+ CSS Overflow Module Level 3 (#propdef-overflow),
+ from Cascading Style Sheets (CSS) Working Group (W3C).
+
+
+
+
+
+
+
+
+ Edit this feature
+ -
+ Report an issue about this feature
+
+
+
+
+
+
+
diff --git a/features/region-capture/index.html b/features/region-capture/index.html
new file mode 100644
index 0000000000..761673666b
--- /dev/null
+++ b/features/region-capture/index.html
@@ -0,0 +1,180 @@
+
+
+
+
+ Web platform features explorer - Region capture
+
+
+
+
+
+
+
+ Web platform features explorer
+
+
+
+
+
+
+
+
+
+
+ Region capture
+
+
+ Limited availability
+
+
+
+
+
+
+
+
+
+
+
+ The CropTarget
API crops an element from a video track derived from display-capture of the active browser tab. For example, you can crop out video conferencing during screen sharing.
+
+
+
+
+ Browser support
+
+
+ -
+ Chrome
+
+
+ 104
+ Released on 2022-08-02
+
+
+
+ -
+ Chrome Android
+
+
+ ❌
+
+
+
+
+
+ -
+ Edge
+
+
+ 104
+ Released on 2022-08-05
+
+
+
+ -
+ Firefox
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+ -
+ Firefox for Android
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+ -
+ Safari
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+ -
+ Safari on iOS
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Specifications
+
+
+ -
+
+ Region Capture,
+ from Web Real-Time Communications Working Group (W3C).
+
+
+
+
+
+
+
+
+ Edit this feature
+ -
+ Report an issue about this feature
+
+
+
+
+
+
+
diff --git a/features/text-decoration-line-blink/index.html b/features/text-decoration-line-blink/index.html
new file mode 100644
index 0000000000..8ba146e494
--- /dev/null
+++ b/features/text-decoration-line-blink/index.html
@@ -0,0 +1,192 @@
+
+
+
+
+ Web platform features explorer - `text-decoration-line: blink`
+
+
+
+
+
+
+
+ Web platform features explorer
+
+
+
+
+
+
+
+
+
+
+ `text-decoration-line: blink`
+
+
+ Discouraged
+
+
+
+
+
+
+
+
+
+ This feature is discouraged.
+
+ Consider using
+
+ Animations (CSS)
+
+
+ instead.
+
+ For the rationale, see:
+
+
+
+
+
+
+ The text-decoration: blink
CSS declaration flashes text between visible and invisible.
+
+
+
+
+ Browser support
+
+
+ -
+ Chrome
+
+
+ 57
+ Released on 2017-03-09
+
+
+
+ -
+ Chrome Android
+
+
+ 57
+ Released on 2017-03-16
+
+
+
+ -
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+ -
+ Firefox
+
+
+ 36
+ Released on 2015-02-24
+
+
+
+ -
+ Firefox for Android
+
+
+ 36
+ Released on 2015-02-27
+
+
+
+ -
+ Safari
+
+
+ 12.1
+ Released on 2019-03-25
+
+
+
+ -
+ Safari on iOS
+
+
+ 12.2
+ Released on 2019-03-25
+
+
+
+
+
+
+
+
+
+ Specifications
+
+
+ -
+
+ CSS Text Decoration Module Level 3 (#valdef-text-decoration-line-blink),
+ from Cascading Style Sheets (CSS) Working Group (W3C).
+
+
+
+
+
+
+
+
+ Edit this feature
+ -
+ Report an issue about this feature
+
+
+
+
+
+
+
diff --git a/features/webvr/index.html b/features/webvr/index.html
new file mode 100644
index 0000000000..87e0106412
--- /dev/null
+++ b/features/webvr/index.html
@@ -0,0 +1,788 @@
+
+
+
+
+ Web platform features explorer - WebVR
+
+
+
+
+
+
+
+ Web platform features explorer
+
+
+
+
+
+
+
+
+
+
+ WebVR
+
+
+ Discouraged
+
+
+
+
+
+
+
+
+
+ This feature is discouraged.
+
+ Consider using
+
+ WebXR
+
+
+ instead.
+
+ For the rationale, see:
+
+
+
+
+
+
+ The navigator.getVRDisplays()
API represents virtual reality (VR) devices, including sensors and head-mounted displays.
+
+
+
+ Learning resources on MDN
+
+
+ -
+
+
+ Gamepad: displayId property
+
+
+
+
+ -
+
+
+ Navigator: activeVRDisplays property
+
+
+
+
+ -
+
+
+ WebVR API
+
+
+
+
+ -
+
+
+ PositionSensorVRDevice
+
+
+
+
+ -
+
+
+ PositionSensorVRDevice: getImmediateState() method
+
+
+
+
+ -
+
+
+ PositionSensorVRDevice: getState() method
+
+
+
+
+ -
+
+
+ PositionSensorVRDevice: resetSensor() method
+
+
+
+
+ -
+
+
+ VRDisplay
+
+
+
+
+ -
+
+
+ VRDisplay: cancelAnimationFrame() method
+
+
+
+
+ -
+
+
+ VRDisplay: capabilities property
+
+
+
+
+ -
+
+
+ VRDisplay: depthFar property
+
+
+
+
+ -
+
+
+ VRDisplay: depthNear property
+
+
+
+
+ -
+
+
+ VRDisplay: displayId property
+
+
+
+
+ -
+
+
+ VRDisplay: displayName property
+
+
+
+
+ -
+
+
+ VRDisplay: exitPresent() method
+
+
+
+
+ -
+
+
+ VRDisplay: getEyeParameters() method
+
+
+
+
+ -
+
+
+ VRDisplay: getFrameData() method
+
+
+
+
+ -
+
+
+ VRDisplay: getImmediatePose() method
+
+
+
+
+ -
+
+
+ VRDisplay: getLayers() method
+
+
+
+
+ -
+
+
+ VRDisplay: getPose() method
+
+
+
+
+ -
+
+
+ VRDisplay: isConnected property
+
+
+
+
+ -
+
+
+ VRDisplay: isPresenting property
+
+
+
+
+ -
+
+
+ VRDisplay: requestAnimationFrame() method
+
+
+
+
+ -
+
+
+ VRDisplay: requestPresent() method
+
+
+
+
+ -
+
+
+ VRDisplay: resetPose() method
+
+
+
+
+ -
+
+
+ VRDisplay: stageParameters property
+
+
+
+
+ -
+
+
+ VRDisplay: submitFrame() method
+
+
+
+
+ -
+
+
+ VRDisplayCapabilities
+
+
+
+
+ -
+
+
+ VRDisplayCapabilities: canPresent property
+
+
+
+
+ -
+
+
+ VRDisplayCapabilities: hasExternalDisplay property
+
+
+
+
+ -
+
+
+ VRDisplayCapabilities: hasOrientation property
+
+
+
+
+ -
+
+
+ VRDisplayCapabilities: hasPosition property
+
+
+
+
+ -
+
+
+ VRDisplayCapabilities: maxLayers property
+
+
+
+
+ -
+
+
+ VRDisplayEvent
+
+
+
+
+ -
+
+
+ VRDisplayEvent: VRDisplayEvent() constructor
+
+
+
+
+ -
+
+
+ VRDisplayEvent: display property
+
+
+
+
+ -
+
+
+ VRDisplayEvent: reason property
+
+
+
+
+ -
+
+
+ VREyeParameters
+
+
+
+
+ -
+
+
+ VREyeParameters: fieldOfView property
+
+
+
+
+ -
+
+
+ VREyeParameters: maximumFieldOfView property
+
+
+
+
+ -
+
+
+ VREyeParameters: minimumFieldOfView property
+
+
+
+
+ -
+
+
+ VREyeParameters: offset property
+
+
+
+
+ -
+
+
+ VREyeParameters: renderHeight property
+
+
+
+
+ -
+
+
+ VREyeParameters: renderWidth property
+
+
+
+
+ -
+
+
+ VRFieldOfView
+
+
+
+
+ -
+
+
+ VRFieldOfView: downDegrees property
+
+
+
+
+ -
+
+
+ VRFieldOfView: leftDegrees property
+
+
+
+
+ -
+
+
+ VRFieldOfView: rightDegrees property
+
+
+
+
+ -
+
+
+ VRFieldOfView: upDegrees property
+
+
+
+
+ -
+
+
+ VRFrameData
+
+
+
+
+ -
+
+
+ VRFrameData: VRFrameData() constructor
+
+
+
+
+ -
+
+
+ VRFrameData: leftProjectionMatrix property
+
+
+
+
+ -
+
+
+ VRFrameData: leftViewMatrix property
+
+
+
+
+ -
+
+
+ VRFrameData: pose property
+
+
+
+
+ -
+
+
+ VRFrameData: rightProjectionMatrix property
+
+
+
+
+ -
+
+
+ VRFrameData: rightViewMatrix property
+
+
+
+
+ -
+
+
+ VRFrameData: timestamp property
+
+
+
+
+ -
+
+
+ VRPose
+
+
+
+
+ -
+
+
+ VRPose: angularAcceleration property
+
+
+
+
+ -
+
+
+ VRPose: angularVelocity property
+
+
+
+
+ -
+
+
+ VRPose: linearAcceleration property
+
+
+
+
+ -
+
+
+ VRPose: linearVelocity property
+
+
+
+
+ -
+
+
+ VRPose: orientation property
+
+
+
+
+ -
+
+
+ VRPose: position property
+
+
+
+
+ -
+
+
+ VRStageParameters
+
+
+
+
+ -
+
+
+ VRStageParameters: sittingToStandingTransform property
+
+
+
+
+ -
+
+
+ VRStageParameters: sizeX property
+
+
+
+
+ -
+
+
+ VRStageParameters: sizeY property
+
+
+
+
+ -
+
+
+ Window: vrdisplayactivate event
+
+
+
+
+ -
+
+
+ Window: vrdisplayconnect event
+
+
+
+
+ -
+
+
+ Window: vrdisplaydeactivate event
+
+
+
+
+ -
+
+
+ Window: vrdisplaydisconnect event
+
+
+
+
+ -
+
+
+ Window: vrdisplaypresentchange event
+
+
+
+
+
+
+
+ Browser support (view on caniuse.com)
+
+
+ -
+ Chrome
+
+
+ ❌
+
+
+
+
+
+ -
+ Chrome Android
+
+
+ ❌
+
+
+
+
+
+ -
+ Edge
+
+
+ ❌
+
+
+
+
+
+ -
+ Firefox
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+ -
+ Firefox for Android
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+ -
+ Safari
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+ -
+ Safari on iOS
+
+
+ ❌
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Specifications
+
+
+ -
+
+ https://immersive-web.github.io/webvr/spec/1.1/
+
+
+
+
+
+
+
+
+ Edit this feature
+ -
+ Report an issue about this feature
+
+
+
+
+
+
+
diff --git a/features/word-break-break-word/index.html b/features/word-break-break-word/index.html
new file mode 100644
index 0000000000..b0a3e022c4
--- /dev/null
+++ b/features/word-break-break-word/index.html
@@ -0,0 +1,186 @@
+
+
+
+
+ Web platform features explorer - `word-break: break-word`
+
+
+
+
+
+
+
+ Web platform features explorer
+
+
+
+
+
+
+
+
+
+
+ `word-break: break-word`
+
+
+ Discouraged
+
+
+
+
+
+
+
+
+
+ This feature is discouraged.
+
+ Consider using
+
+ overflow-wrap
+
+
+ instead.
+
+ For the rationale, see:
+
+
+
+
+
+
+ The word-break: break-word
CSS declaration sets word breaks to occur according to their customary rules. Superseded by overflow-wrap: anywhere
.
+
+
+
+
+ Browser support
+
+
+ -
+ Chrome
+
+
+ 1
+ Released on 2008-12-11
+
+
+
+ -
+ Chrome Android
+
+
+ 18
+ Released on 2012-06-27
+
+
+
+ -
+ Edge
+
+
+ 12
+ Released on 2015-07-29
+
+
+
+ -
+ Firefox
+
+
+ 67
+ Released on 2019-05-21
+
+
+
+ -
+ Firefox for Android
+
+
+ 67
+ Released on 2019-05-21
+
+
+
+ -
+ Safari
+
+
+ 3
+ Released on 2007-10-26
+
+
+
+ -
+ Safari on iOS
+
+
+ 2
+ Released on 2008-07-11
+
+
+
+
+
+
+
+
+
+ Specifications
+
+
+ -
+
+ CSS Text Module Level 3 (#word-break-property),
+ from Cascading Style Sheets (CSS) Working Group (W3C).
+
+
+
+
+
+
+
+
+ Edit this feature
+ -
+ Report an issue about this feature
+
+
+
+
+
+
+
diff --git a/features/writing-mode-svg-values/index.html b/features/writing-mode-svg-values/index.html
new file mode 100644
index 0000000000..ad6bf5e93c
--- /dev/null
+++ b/features/writing-mode-svg-values/index.html
@@ -0,0 +1,186 @@
+
+
+
+
+ Web platform features explorer - writing-mode SVG 1.1 values
+
+
+
+
+
+
+
+ Web platform features explorer
+
+
+
+
+
+
+
+
+
+
+ writing-mode SVG 1.1 values
+
+
+ Discouraged
+
+
+
+
+
+
+
+
+
+ This feature is discouraged.
+
+ Consider using
+
+ writing-mode
+
+
+ instead.
+
+ For the rationale, see:
+
+
+
+
+
+
+ The lr
, lr-tb
, rl
, rl-tb
, tb
, and tb-rl
keyword values for the writing-mode
CSS property set the text direction for elements in SVG 1.1 documents.
+
+
+
+
+ Browser support
+
+
+ -
+ Chrome
+
+
+ 48
+ Released on 2016-01-20
+
+
+
+ -
+ Chrome Android
+
+
+ 48
+ Released on 2016-01-26
+
+
+
+ -
+ Edge
+
+
+ 12
+ Released on 2015-07-29
+
+
+
+ -
+ Firefox
+
+
+ 43
+ Released on 2015-12-15
+
+
+
+ -
+ Firefox for Android
+
+
+ 43
+ Released on 2015-12-15
+
+
+
+ -
+ Safari
+
+
+ 10.1
+ Released on 2017-03-27
+
+
+
+ -
+ Safari on iOS
+
+
+ 10.3
+ Released on 2017-03-27
+
+
+
+
+
+
+
+
+
+ Specifications
+
+
+ -
+
+ CSS Writing Modes Level 4 (#block-flow),
+ from Cascading Style Sheets (CSS) Working Group (W3C).
+
+
+
+
+
+
+
+
+ Edit this feature
+ -
+ Report an issue about this feature
+
+
+
+
+
+
+
diff --git a/filter/index.html b/filter/index.html
index b360042ed3..2aeb796780 100644
--- a/filter/index.html
+++ b/filter/index.html
@@ -1393,7 +1393,7 @@ Client-side filtering features
MediaStream recording
+
+ The MediaRecorder
API captures data generated by MediaStream
or HTMLMediaElement
objects for analysis, processing, or saving to disk. Also known as the Media Recording API or the MediaRecorder API.
+
Learning resources on MDN
+-
+
+
- + + + BlobEvent + + + + +
- + + + BlobEvent: BlobEvent() constructor + + + + +
- + + + BlobEvent: data property + + + + +
- + + + BlobEvent: timecode property + + + + +
- + + + MediaRecorder + + + + +
- + + + MediaRecorder: MediaRecorder() constructor + + + + +
- + + + MediaRecorder: audioBitrateMode property + + + + +
- + + + MediaRecorder: audioBitsPerSecond property + + + + +
- + + + MediaRecorder: dataavailable event + + + + +
- + + + MediaRecorder: error event + + + + +
- + + + MediaRecorder: isTypeSupported() static method + + + + +
- + + + MediaRecorder: mimeType property + + + + +
- + + + MediaRecorder: pause() method + + + + +
- + + + MediaRecorder: pause event + + + + +
- + + + MediaRecorder: requestData() method + + + + +
- + + + MediaRecorder: resume() method + + + + +
- + + + MediaRecorder: resume event + + + + +
- + + + MediaRecorder: start() method + + + + +
- + + + MediaRecorder: start event + + + + +
- + + + MediaRecorder: state property + + + + +
- + + + MediaRecorder: stop() method + + + + +
- + + + MediaRecorder: stop event + + + + +
- + + + MediaRecorder: stream property + + + + +
- + + + MediaRecorder: videoBitsPerSecond property + + + + +
Browser support
+-
+
+
- + Chrome + + + ❌ + + + + + +
- + Chrome Android + + + ❌ + + + + + +
- + Edge + + + ❌ + + + + + +
- + Firefox + + + ❌ + + + See + + bugzil.la/1573299 + + + + + + + + + + + +
- + Firefox for Android + + + ❌ + + + See + + bugzil.la/1573299 + + + + + + + + + + + +
- + Safari + + + ❌ + + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + + + + + +
Specifications
+-
+
+
- + + MediaStream Recording, + from Web Real-Time Communications Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+`overflow: overlay`
++ This feature is discouraged. + + Consider using + + overflow + + + instead. + + For the rationale, see: +
+ +
+ The overflow: overlay
CSS declaration is an alias to overflow: auto
. Historically, it caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space.
+
Browser support (view on caniuse.com)
+-
+
+
- + Chrome + + + 15 + Released on 2011-10-25 + + + +
- + Chrome Android + + + 100 + Released on 2022-03-29 + + + +
- + Edge + + + 79 + Released on 2020-01-15 + + + +
- + Firefox + + + 112 + Released on 2023-04-11 + + + +
- + Firefox for Android + + + 112 + Released on 2023-04-11 + + + +
- + Safari + + + ≤13.1 + Released before 2020-03-24 + + + +
- + Safari on iOS + + + ≤13.4 + Released before 2020-03-24 + + + +
Specifications
+-
+
+
- + + CSS Overflow Module Level 3 (#propdef-overflow), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+Region capture
+
+ The CropTarget
API crops an element from a video track derived from display-capture of the active browser tab. For example, you can crop out video conferencing during screen sharing.
+
Browser support
+-
+
+
- + Chrome + + + 104 + Released on 2022-08-02 + + + +
- + Chrome Android + + + ❌ + + + + + +
- + Edge + + + 104 + Released on 2022-08-05 + + + +
- + Firefox + + + ❌ + + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + + +
- + Safari + + + ❌ + + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + + + + + +
Specifications
+-
+
+
- + + Region Capture, + from Web Real-Time Communications Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+`text-decoration-line: blink`
++ This feature is discouraged. + + Consider using + + Animations (CSS) + + + instead. + + For the rationale, see: +
+ +
+ The text-decoration: blink
CSS declaration flashes text between visible and invisible.
+
Browser support
+-
+
+
- + Chrome + + + 57 + Released on 2017-03-09 + + + +
- + Chrome Android + + + 57 + Released on 2017-03-16 + + + +
- + Edge + + + 79 + Released on 2020-01-15 + + + +
- + Firefox + + + 36 + Released on 2015-02-24 + + + +
- + Firefox for Android + + + 36 + Released on 2015-02-27 + + + +
- + Safari + + + 12.1 + Released on 2019-03-25 + + + +
- + Safari on iOS + + + 12.2 + Released on 2019-03-25 + + + +
Specifications
+-
+
+
- + + CSS Text Decoration Module Level 3 (#valdef-text-decoration-line-blink), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+WebVR
++ This feature is discouraged. + + Consider using + + WebXR + + + instead. + + For the rationale, see: +
+ +
+ The navigator.getVRDisplays()
API represents virtual reality (VR) devices, including sensors and head-mounted displays.
+
Learning resources on MDN
+-
+
+
- + + + Gamepad: displayId property + + + + +
- + + + Navigator: activeVRDisplays property + + + + +
- + + + WebVR API + + + + +
- + + + PositionSensorVRDevice + + + + +
- + + + PositionSensorVRDevice: getImmediateState() method + + + + +
- + + + PositionSensorVRDevice: getState() method + + + + +
- + + + PositionSensorVRDevice: resetSensor() method + + + + +
- + + + VRDisplay + + + + +
- + + + VRDisplay: cancelAnimationFrame() method + + + + +
- + + + VRDisplay: capabilities property + + + + +
- + + + VRDisplay: depthFar property + + + + +
- + + + VRDisplay: depthNear property + + + + +
- + + + VRDisplay: displayId property + + + + +
- + + + VRDisplay: displayName property + + + + +
- + + + VRDisplay: exitPresent() method + + + + +
- + + + VRDisplay: getEyeParameters() method + + + + +
- + + + VRDisplay: getFrameData() method + + + + +
- + + + VRDisplay: getImmediatePose() method + + + + +
- + + + VRDisplay: getLayers() method + + + + +
- + + + VRDisplay: getPose() method + + + + +
- + + + VRDisplay: isConnected property + + + + +
- + + + VRDisplay: isPresenting property + + + + +
- + + + VRDisplay: requestAnimationFrame() method + + + + +
- + + + VRDisplay: requestPresent() method + + + + +
- + + + VRDisplay: resetPose() method + + + + +
- + + + VRDisplay: stageParameters property + + + + +
- + + + VRDisplay: submitFrame() method + + + + +
- + + + VRDisplayCapabilities + + + + +
- + + + VRDisplayCapabilities: canPresent property + + + + +
- + + + VRDisplayCapabilities: hasExternalDisplay property + + + + +
- + + + VRDisplayCapabilities: hasOrientation property + + + + +
- + + + VRDisplayCapabilities: hasPosition property + + + + +
- + + + VRDisplayCapabilities: maxLayers property + + + + +
- + + + VRDisplayEvent + + + + +
- + + + VRDisplayEvent: VRDisplayEvent() constructor + + + + +
- + + + VRDisplayEvent: display property + + + + +
- + + + VRDisplayEvent: reason property + + + + +
- + + + VREyeParameters + + + + +
- + + + VREyeParameters: fieldOfView property + + + + +
- + + + VREyeParameters: maximumFieldOfView property + + + + +
- + + + VREyeParameters: minimumFieldOfView property + + + + +
- + + + VREyeParameters: offset property + + + + +
- + + + VREyeParameters: renderHeight property + + + + +
- + + + VREyeParameters: renderWidth property + + + + +
- + + + VRFieldOfView + + + + +
- + + + VRFieldOfView: downDegrees property + + + + +
- + + + VRFieldOfView: leftDegrees property + + + + +
- + + + VRFieldOfView: rightDegrees property + + + + +
- + + + VRFieldOfView: upDegrees property + + + + +
- + + + VRFrameData + + + + +
- + + + VRFrameData: VRFrameData() constructor + + + + +
- + + + VRFrameData: leftProjectionMatrix property + + + + +
- + + + VRFrameData: leftViewMatrix property + + + + +
- + + + VRFrameData: pose property + + + + +
- + + + VRFrameData: rightProjectionMatrix property + + + + +
- + + + VRFrameData: rightViewMatrix property + + + + +
- + + + VRFrameData: timestamp property + + + + +
- + + + VRPose + + + + +
- + + + VRPose: angularAcceleration property + + + + +
- + + + VRPose: angularVelocity property + + + + +
- + + + VRPose: linearAcceleration property + + + + +
- + + + VRPose: linearVelocity property + + + + +
- + + + VRPose: orientation property + + + + +
- + + + VRPose: position property + + + + +
- + + + VRStageParameters + + + + +
- + + + VRStageParameters: sittingToStandingTransform property + + + + +
- + + + VRStageParameters: sizeX property + + + + +
- + + + VRStageParameters: sizeY property + + + + +
- + + + Window: vrdisplayactivate event + + + + +
- + + + Window: vrdisplayconnect event + + + + +
- + + + Window: vrdisplaydeactivate event + + + + +
- + + + Window: vrdisplaydisconnect event + + + + +
- + + + Window: vrdisplaypresentchange event + + + + +
Browser support (view on caniuse.com)
+-
+
+
- + Chrome + + + ❌ + + + + + +
- + Chrome Android + + + ❌ + + + + + +
- + Edge + + + ❌ + + + + + +
- + Firefox + + + ❌ + + + + + + + + + +
- + Firefox for Android + + + ❌ + + + + + + + + + +
- + Safari + + + ❌ + + + + + + + + + +
- + Safari on iOS + + + ❌ + + + + + + + + + +
Specifications
+-
+
+
- + + https://immersive-web.github.io/webvr/spec/1.1/ + + + +
+ Edit this feature + - + Report an issue about this feature +
+`word-break: break-word`
++ This feature is discouraged. + + Consider using + + overflow-wrap + + + instead. + + For the rationale, see: +
+ +
+ The word-break: break-word
CSS declaration sets word breaks to occur according to their customary rules. Superseded by overflow-wrap: anywhere
.
+
Browser support
+-
+
+
- + Chrome + + + 1 + Released on 2008-12-11 + + + +
- + Chrome Android + + + 18 + Released on 2012-06-27 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 67 + Released on 2019-05-21 + + + +
- + Firefox for Android + + + 67 + Released on 2019-05-21 + + + +
- + Safari + + + 3 + Released on 2007-10-26 + + + +
- + Safari on iOS + + + 2 + Released on 2008-07-11 + + + +
Specifications
+-
+
+
- + + CSS Text Module Level 3 (#word-break-property), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+writing-mode SVG 1.1 values
++ This feature is discouraged. + + Consider using + + writing-mode + + + instead. + + For the rationale, see: +
+ +
+ The lr
, lr-tb
, rl
, rl-tb
, tb
, and tb-rl
keyword values for the writing-mode
CSS property set the text direction for elements in SVG 1.1 documents.
+
Browser support
+-
+
+
- + Chrome + + + 48 + Released on 2016-01-20 + + + +
- + Chrome Android + + + 48 + Released on 2016-01-26 + + + +
- + Edge + + + 12 + Released on 2015-07-29 + + + +
- + Firefox + + + 43 + Released on 2015-12-15 + + + +
- + Firefox for Android + + + 43 + Released on 2015-12-15 + + + +
- + Safari + + + 10.1 + Released on 2017-03-27 + + + +
- + Safari on iOS + + + 10.3 + Released on 2017-03-27 + + + +
Specifications
+-
+
+
- + + CSS Writing Modes Level 4 (#block-flow), + from Cascading Style Sheets (CSS) Working Group (W3C). + + + +
+ Edit this feature + - + Report an issue about this feature +
+