フィートグラフ
web-features のカタログデータを使用して、グリッドシステム上に図形を描画するデザインプロジェクト（解説記事）。
web-features
ご注意 このアプリは JavaScript を有効にする必要があります。
Data: web-features v3.10.0
Widely available
Newly available
Limited availability
<a>
<abbr>
Abortable fetch
AbortController and AbortSignal
AbortSignal.any()
abs() and sign()
Absolute positioning
Accelerometer
accent-color
accesskey
Accessor methods
Active view transition
<address>
Alerts
align-content in block layouts
alignment-baseline
all
Alt text for generated content
Alternative style sheets
Ambient light sensor
Anchor positioning
ANGLE_instanced_arrays WebGL extension
animation-composition
Animations (CSS)
File handlers
Launch handler
Protocol handlers
Share targets
Application shortcuts
appearance
arguments.callee
ARIA attribute reflection
ariaNotify()
Array (initial support)
Array at()
Array by copy
Array copyWithin()
Array fill()
Array find() and findIndex()
Array findLast() and findLastIndex()
Array flat() and flatMap()
Array.from()
Array.fromAsync()
Array grouping
Array includes()
Array.isArray()
Array iteration methods
Array iterators
Array.of()
Array splice()
<article>
<aside>
aspect-ratio
Async functions
Async clipboard
Async generators
Asynchronously iterable streams
Async iterators and the for await..of loop
Atomics.pause()
Atomics.waitAsync
attr()
attr() (content only)
Attribution reporting
<audio>
Audio session
Audio and video tracks
AudioWorklet
autocapitalize
autocorrect
:autofill
autofocus
Autonomous custom elements
AVIF
<b>
::backdrop
backdrop-filter
background
background-attachment
background-blend-mode
background-clip
background-clip: border-area
background-clip: text
background-color
Background fetch
background-image
background-origin
background-position
background-repeat
background-size
Background sync
Badging
Barcode detector
BarProp
<base>
Base64 encoding and decoding
baseline-shift
baseline-source
Battery status
<bdi>
<bdo>
Beacons
::before and ::after
beforeinstallprompt
beforeunload
Back/forward cache blocking reasons
BigInt
BigInt64Array
blocking="render"
<blockquote>
<body>
Border images
border-radius
Borders
box-decoration-break
box-shadow
box-sizing
<br>
BroadcastChannel
Brotli compression
<button>
calc()
calc() keywords
calc-size()
<canvas>
2D canvas
2D canvas opacity
Color management for 2D canvas
Desynchronized 2D canvas
willReadFrequently
contextlost and contextrestored
Canvas createConicGradient()
Canvas reset()
Canvas roundRect()
cap unit
captureStream() for <audio> and <video>
captureStream() for <canvas>
caret-color
caret-shape
Cascade layers
Case-insensitive attribute selector
Case-sensitive attribute selector
ch unit
Change event
Channel messaging
@charset
checkVisibility()
<cite>
Classes
Clearing site data
clip
clip-path
Animatable clipping paths
Clip path boxes
Custom formats for clipboard items
Clipboard events
ClipboardItem.supports()
SVG clipboard items
Read unsanitized clipboard data
clipboardchange
CloseWatcher
<code>
Color
color-adjust
color-contrast()
color()
color-gamut media query
color-mix()
color-scheme
COLRv0
COLRv1
Column breaks
column-fill
::column
column-span
Selection composed ranges
Composition events
Compression Dictionary Transport
Compression streams
CPU compute pressure
Conic gradients
Console
Constraint validation API
Constructed stylesheets
Contact picker
contain
Inline-size containment
contain-intrinsic-size
Layout containment
Paint containment
Size containment
Style containment
Container queries
Container scroll-state queries
Container style queries
Content
Content Index
content-visibility
contenteditable
contenteditable="plaintext-only"
context-fill and context-stroke
contrast-color()
controlslist
cookieEnabled
Cookie store
Cookies
corner-shape
CORS
Reversed counter-reset
counter-set
@counter-style
Counters (CSS)
createImageBitmap
Credential management
crisp-edges
Cross-document view transitions
cross-fade()
Content Security Policy (CSP)
CSS.escape()
CSS import attributes
CSS object model
CSS object model (DOM level 2)
CSS.supports()
CSS typed object model
cubic-bezier() easing
currentColor
Cursor styles
Custom ellipses
Custom media queries
Custom properties
Customizable <select>
Customized built-in elements
<data>
Data URLs
<datalist>
Dataset
Date
getYear() and setYear()
toGMTString()
Declarative shadow DOM
Dedicated workers
:default
<del>
Description list
Destructuring
<details>
::details-content
Mutually exclusive <details> elements
Device memory
Device orientation events
Device posture
Device media queries
devicePixelRatio
<dfn>
<dialog>
<dialog closedby>
Digital goods
:dir()
dirname
Display
display animation
display: contents
display: flow-root
display: list-item
display-mode media query
display: ruby
display: table
<div>
document.caretPositionFromPoint()
Document colors
Document picture-in-picture
document.write()
DOM
DOM Geometry
dominant-baseline
DOMParser
download
Drag and Drop
dynamic-range media query
Early data
EditContext
element()
Element capture
document.elementFromPoint() and document.elementsFromPoint()
Element timing
<em>
em unit
<embed>
:empty
Encrypted media extensions
enterkeyhint
Error cause
escape() and unescape()
Event timing
Events
ex unit
execCommand()
pow(), sqrt(), hypot(), log(), and exp()
Explicit resource management
Exponentiation operator
EXT_blend_minmax WebGL extension
EXT_color_buffer_float WebGL extension
EXT_color_buffer_half_float WebGL extension
EXT_disjoint_timer_query WebGL extension
EXT_float_blend WebGL extension
EXT_frag_depth WebGL extension
EXT_shader_texture_lod WebGL extension
EXT_sRGB WebGL extension
EXT_texture_compression_bptc WebGL extension
EXT_texture_compression_rgtc WebGL extension
EXT_texture_filter_anisotropic WebGL extension
EXT_texture_norm16 WebGL extension
window.external
Eyedropper
fastSeek()
Federated credential management
Federated credentials
<fencedframe>
Fetch
Fetch metadata request headers
Fetch priority
Fetch upload streams
fetchLater
field-sizing
<fieldset> and <legend>
<figure> and <figcaption>
File API
::file-selector-button
File system access
filter
::first-letter
::first-line
fit-content
fit-content()
Fixed positioning
Flexbox
Flexbox gap
float and clear
Float16Array
Focus events
:focus-visible
:focus-within
font-display
@font-face
font-family
Math font family
System font
UI fonts
font-feature-settings
font-kerning
font-language-override
Font loading
Font metric overrides
font-optical-sizing
font-palette
font-palette animation
Font shorthand
font-size
font-size-adjust
font-stretch
font-style
font-synthesis
font-synthesis-position
font-synthesis-small-caps
font-synthesis-style
font-synthesis-weight
font-variant
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-emoji
font-variant-ligatures
font-variant-numeric
font-variant-position
font-variation-settings
font-weight
font-width
Forced colors
<form>
Form-associated custom elements
Form validity pseudo-classes
Fullscreen API
@function
Functions
Function caller and arguments
Gamepad
Gamepad haptic feedback
Gamepad touch buttons
Gamepad VR hands and poses
Gap decorations
Generators
Geolocation
getComputedStyle()
IndexedDB getAllRecords()
getBoxQuads()
getHTML()
Map getOrInsert()
globalThis
glyph-orientation-vertical
Global privacy control
Gradient interpolation
Gradients
Grid
Grid animation
Gyroscope
Hanging punctuation
hardwareConcurrency
:has()
:has-slotted
Hashbang comments
hashchange
<head>
<header> and <footer>
Heading pseudo-classes
<h1> through <h6>
<hgroup>
hidden="until-found"
Custom highlights
Custom highlights from point
History
Host
:host-context()
<hr>
HSL
HTTP Strict Transport Security
<html>
HTML media capture
HTML wrapper methods
HTTP authentication
HTTP/1.1
HTTP/2
HTTP/3
HWB
Hyphenate character
Hyphenate limit chars
Hyphenation
<i>
ic unit
Idle detection
if()
<iframe>
Credentialless iframes
Sandboxed iframes
srcdoc
image()
Image maps
image-orientation
image-rendering
image-set()
ImageBitmapRenderingContext
ime-mode
<img>
@import
Import assertions
Import maps
:indeterminate
IndexedDB
Individual transform properties
inert
inherit
initial-letter
initial
Ink
<input>
<input type="button">
<input type="checkbox">
<input type="color">
`alpha` and `colorspace` attributes for `<input type=color>`
Date and time <input> types
Email, telephone, and URL <input> types
input (event)
<input type="file">
<input type="file" multiple>
<input type="file" webkitdirectory>
<input type="hidden">
<input type="image">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
Input selectors
<input type="submit">
inputmode
<ins>
Insertable streams for MediaStreamTrack
Interaction media queries
interactivity
interpolate-size
Intersection observer
Intersection observer visibility tracking
Intl
Intl.DisplayNames
Intl.DurationFormat
Intl.ListFormat
Intl.Locale
Intl.Locale info
Intl.PluralRules
Intl.RelativeTimeFormat
Intl.Segmenter
inverted-colors media query
Invoker commands
:is()
Error.isError()
isInputPending()
isSecureContext
isolation
Iterator methods
Iterators and the for...of loop
JavaScript (initial core language support)
JPEG XL
JavaScript modules
JavaScript modules in service workers
JavaScript modules in shared workers
JavaScript modules in workers
JSON
JSON import attributes
JSON source text access
justify-self in block layouts
<kbd>
Keyboard events
Keyboard lock
Keyboard map
KHR_parallel_shader_compile WebGL extension
Lab and LCH
<label>
:lang()
lang
Language
Largest contentful paint (LCP)
Layout direction override
Layout instability
Let and const
letter-spacing
lh unit
light-dark()
line-break
line-clamp
line-height
linear() easing
<link>
<link rel="dns-prefetch">
<link rel="expect">
<link rel="preconnect">
<link rel="prefetch">
<link rel="preload">
Link selectors
<ol>, <ul>, and <li>
List style
Lazy-loading images and iframes
Local fonts
Local network access
localStorage and sessionStorage
Location
Logical assignments
Logical properties
Long animation frames
Long tasks
Magnetometer
<main>
Managed media source
Web app manifest
Map (initial support)
margin
margin-trim
<mark>
::marker
mask-border
mask-type
Masks
Masonry
matchMedia
Math.sumPrecise()
MathML
Memory measurement
Media capabilities
Media capture
Media playback quality
Media element pseudo-classes
Media queries
Media query range syntax
Media session
Media source
MediaController
MediaStream recording
<menu>
messageerror
<meta>
<meta name="application-title">
<meta name="theme-color">
<meter>
min(), max(), and clamp()
min-content and max-content
Min and max width and height
mix-blend-mode
Mixed content handling
:modal
<link rel="modulepreload">
Motion path
Mouse events
moveBefore()
Multi-column layout
Mutation events
MutationObserver
Named colors
@namespace
<nav>
Navigation API
Navigation timing
Navigator
Nesting
Network Information
Non-cookie storage access
:not()
Notifications
Notifications from service workers and installed apps
:nth-child()
:nth-child() of <selector>
:nth-of-type() pseudo-classes
Nullish coalescing
Math and numbers
Numeric factory functions
Numeric separators
<object>
object-fit
Object.hasOwn()
Object
object-position
object-view-box
Observable
OES_element_index_uint WebGL extension
OES_fbo_render_mipmap WebGL extension
OES_standard_derivatives WebGL extension
OES_texture_float WebGL extension
OES_texture_float_linear WebGL extension
OES_texture_half_float WebGL extension
OES_texture_half_float_linear WebGL extension
OES_vertex_array_object WebGL extension
OfflineAudioContext
Offscreen canvas
Oklab and OkLCh
Online status
opacity
Opacity (SVG)
:open
Optional catch binding
Orientation Sensor
Origin private file system
outline
Outlines
<output>
Overflow media queries
overflow-anchor
overflow: clip
overflow-clip-margin
overflow: overlay
overflow
overflow-wrap
overlay
overscroll-behavior
OVR_multiview2 WebGL extension
<p>
padding
Page break aliases
Page breaks
Page lifecycle
page-orientation
Page selectors
Page setup
Page transition events
Page visibility
Page visibility state
paint()
paint-order
Paint timing
Unsanitized HTML parsing methods
Partitioned cookies
Password credentials
path()
Payment handler
Payment request
pdfViewerEnabled
Performance
PerformanceTiming and PerformanceNavigation
Periodic background sync
Permissions
Physical properties
<picture>
Picture-in-picture (video)
ping
::placeholder
:placeholder-shown
pointer-events
Pointer Events
Pointer lock
Popover
popover="hint"
Portals
Position
postMessage
<pre>
prefers-color-scheme media query
prefers-contrast media query
prefers-reduced-data media query
prefers-reduced-motion media query
prefers-reduced-transparency media query
Preloading responsive images
Presentation API
preservesPitch
window.print()
print-color-adjust
Print events
Private click measurement
Private network access
Profiler
<progress>
progress()
Promise (initial support)
Promise.allSettled()
Promise.any()
Promise finally()
Promise.try()
Promise.withResolvers()
__proto__
Proxy and Reflect
Push messages
<q>
Q unit
queueMicrotask()
Quotes
rcap unit
rch unit
:read-only and :read-write
Readable byte streams
ReadableStream.from()
reading-flow
rect() and xywh()
Reference target
Referrer policy
Regular expressions
RegExp compile()
RegExp.escape()
RegExp static properties
Region capture
Registered custom properties
registerProtocolHandler
Relative colors
Relative positioning
rem
Remote playback
Reporting API
requestAnimationFrame()
requestAnimationFrame() in workers
requestVideoFrameCallback()
dialog.requestClose()
requestIdleCallback()
Resizable buffers
resize (CSS property)
Resize observer
resolution media query
resolution media query (compatibility prefixes)
Resource size
Resource timing
revert
rex unit
RGB
Rhythmic sizing
ric unit
rlh unit
:root
round(), mod(), and rem()
<ruby>
ruby-align
ruby-overhang
ruby-position
<s>
Safe area inset environment variables
<samp>
Sanitizer API
Save-Data
Scheduler API
@scope
:scope (pseudo-class)
Scoped custom element registries
Screen
Screen capture
Screen orientation
Screen orientation lock
Screen wake lock
<script> and <noscript>
scripting media query
scroll-behavior
::scroll-button
Scroll-driven animations
Scroll methods on elements
scroll-initial-target
scrollIntoView()
Scroll markers
Scroll snap
Scroll snap events
Scroll to text fragment
scrollbar-color
scrollbar-gutter
scrollbar-width
scrollend
<search>
<input type="search">
<section>
Secure payment confirmation
<select>
::selection
Selection
Selectors (core)
Web serial
Serializable errors
Server-sent events
Server timing
Service workers
Set (initial support)
Set methods
setInterval
setTimeout()
Shadow DOM
Shadow parts
shape()
shape-outside
shapes
navigator.share()
SharedArrayBuffer and Atomics
Shared storage
Shared storage locks
Shared worker
showPicker() for <input>
showPicker() for <select>
sibling-count() and sibling-index()
<img sizes="auto" loading="lazy">
<slot>
Imperative slot assignment
<small>
SMIL SVG animations
image-rendering: smooth
<source>
Sourcemap header
<span>
speak
speak-as
Speculation rules
Speech recognition
Speech recognition grammar
Speech synthesis
spellcheck
::spelling-error and ::grammar-error
Spread syntax
srcset and sizes
Stable array sort
@starting-style
:state()
Static positioning
steps() easing
Sticky positioning
Storage access
Storage buckets
Storage manager
Streams
stretch
String at()
String codePointAt() and fromCodePoint()
String includes()
String matchAll()
String normalize()
String padStart() and padEnd()
String raw()
String repeat()
String replaceAll()
String startsWith() and endsWith()
String trimStart() and trimEnd()
String isWellFormed() and toWellFormed()
String (initial support)
<strong>
structuredClone()
<style>
style (attribute)
<sub> and <sup>
Subgrid
Summarizer
@supports
at-rule()
@supports (compatibility prefix)
SVG
SVG 1.1
SVG filters
Symbol
System colors
tab-size
tabindex
Tables
Table styling
:target
::target-text
:target-within
<template>
Template literals
Temporal
text-align
text-align-last
text-autospace
text-box
text-combine-upright
text-decoration
text-decoration-line: blink
text-decoration in ::selection
text-emphasis
Text encoding and decoding
text-indent
text-indent: each-line
text-indent: hanging
text-justify
text-orientation
Text overflow
text-shadow
text-size-adjust
text-spacing-trim
Text stroke and fill (compatibility prefixes)
Text tracks
text-transform
text-underline-offset
text-underline-position
text-wrap
text-wrap: balance
text-wrap-mode
text-wrap: nowrap
text-wrap: pretty
text-wrap: stable
text-wrap-style
<textarea>
<time>
Time-relative pseudo-selectors
<title>
title (attribute)
Top-level await
Topics
touch-action
Touch events
Transferable ArrayBuffer
Transferable streams
transform-box
2D transforms
3D transforms
TransformStream transformer cancel() method
transition-behavior
Transitions (CSS)
translate
sin(), cos(), tan(), asin(), acos(), atan(), and atan2() (CSS)
Trusted types
Two-value display property
Typed array iteration methods
Typed array iterators
Typed arrays (initial support)
<u>
User agent client hints
Uint8Array base64 and hex conversion
Unicode point escapes
unset
Update frequency media query
Upgrade insecure requests
URL
URL.canParse()
URLPattern
User action pseudo-classes
User activation
User agent sniffing
:user-valid and :user-invalid
user-select
<var>
vertical-align
Vertical form controls
Vibration
<video>
video-dynamic-range media query
view-transition-class
View transitions
Viewport segments
Small, large, and dynamic viewport units
Viewport units
Virtual keyboard
Virtual pressure sources
Virtual sensors
visibility
Visual viewport API
WebAssembly
BigInt to i64 conversion (WebAssembly)
Bulk memory operations (WebAssembly)
Exception handling (WebAssembly)
Exception references with exnref (WebAssembly)
Extended constant expressions (WebAssembly)
Garbage collection (WebAssembly)
Memory64 (WebAssembly)
Multi-memory (WebAssembly)
Multi-value (WebAssembly)
Import and export of mutable globals (WebAssembly)
Non-trapping float-to-int conversion (WebAssembly)
Reference types (WebAssembly)
Sign extension operators (WebAssembly)
Fixed-width SIMD (WebAssembly)
Relaxed-width SIMD (WebAssembly)
String builtins (WebAssembly)
Tail call optimization (WebAssembly)
Threads and atomics (WebAssembly)
Typed function references (WebAssembly)
<wbr>
Weak references
WeakMap
WeakSet
Web animations
Web Audio
Web Bluetooth
Web Cryptography
Locks
Web MIDI
Web NFC
WebOTP
Web authentication
Web authentication easy public key access
Web authentication signal methods
WebCodecs
WebDriver
WebDriver BiDi
WebGL
WEBGL_color_buffer_float WebGL extension
Color management for WebGL
WEBGL_compressed_texture_astc WebGL extension
WEBGL_compressed_texture_etc WebGL extension
WEBGL_compressed_texture_etc1 WebGL extension
WEBGL_compressed_texture_pvrtc WebGL extension
WEBGL_compressed_texture_s3tc WebGL extension
WEBGL_compressed_texture_s3tc_srgb WebGL extension
WEBGL_debug_renderer_info WebGL extension
WEBGL_debug_shaders WebGL extension
WEBGL_depth_texture WebGL extension
Desynchronized WebGL canvas
WEBGL_draw_buffers WebGL extension
WEBGL_lose_context WebGL extension
WEBGL_multi_draw WebGL extension
OES_draw_buffers_indexed WebGL extension
SharedArrayBuffer in WebGL
WebGL2
Color management for WebGL2
Desynchronized WebGL2 canvas
WebGPU
WebHID
WebNN
WebP
WebRTC
WebRTC encoded transform
WebRTC SCTP information
WebRTC statistics
WebSockets
WebTransport
WebUSB
WebVR
WebVTT
WebVTT cue alignment
WebVTT cue settings
WebVTT regions
Anchors (WebXR)
Augmented reality
Raw camera access for WebXR
Depth sensing
WebXR
DOM overlays for WebXR
Gamepad (WebXR)
Hand input
Hit test
Layers (WebXR)
Lighting estimation
Wheel events
:where()
white-space
white-space-collapse
Widows and orphans
Width and height
will-change
Window
Window Controls Overlay
Window management
with
word-break
word-break: auto-phrase
word-break: break-word
word-spacing
writing-mode
writing-mode SVG 1.1 values
writingsuggestions
XMLHttpRequest
XMLSerializer
XPath
XSLT
z-index
zoom
Zstandard compression