2022年

2022年に主要ブラウザで使えるようになったCSSプロパティの年間まとめ。

color-scheme

property
MDN Document
Browser Support

  • Chrome

    v81+
    2020-04-07

  • Edge

    v81+
    2020-04-13

  • Safari

    v13+
    2019-09-19

  • Safari (iOS)

    v13+
    2019-09-19

  • Firefox

    v96+
    2022-01-11

font-synthesis

property
MDN Document
Browser Support

  • Chrome

    v97+
    2022-01-04

  • Edge

    v97+
    2022-01-06

  • Safari

    v9+
    2015-09-30

  • Safari (iOS)

    v9+
    2015-09-16

  • Firefox

    v34+
    2014-12-01

contain

property
MDN Document
Browser Support

  • Chrome

    v52+
    2016-07-20

  • Edge

    v79+
    2020-01-15

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v69+
    2019-09-03

hyphenate-character

property
MDN Document
Browser Support

  • Chrome

    v106+
    2022-09-27
    プレフィックス
    v6から
    -webkit-hyphenate-character

  • Edge

    v106+
    2022-10-03
    プレフィックス
    v79から
    -webkit-hyphenate-character

  • Safari

    v17+
    2023-09-18
    プレフィックス
    v5.1から
    -webkit-hyphenate-character

  • Safari (iOS)

    v17+
    2023-09-18
    プレフィックス
    v5から
    -webkit-hyphenate-character

  • Firefox

    v98+
    2022-03-08

offset-path

property
MDN Document
Browser Support

  • Chrome

    v55+
    2016-12-01
    フォールバック
    v46から
    motion-path

  • Edge

    v79+
    2020-01-15
    フォールバック
    v79から
    motion-path

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v72+
    2020-01-07

scroll-behavior

property
MDN Document
Browser Support

  • Chrome

    v61+
    2017-09-05

  • Edge

    v79+
    2020-01-15

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v36+
    2015-02-24

text-decoration-skip-ink

property
MDN Document
Browser Support

  • Chrome

    v64+
    2018-01-23

  • Edge

    v79+
    2020-01-15

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v70+
    2019-10-22

layer

at-rule
MDN Document
Browser Support

  • Chrome

    v99+
    2022-03-01

  • Edge

    v99+
    2022-03-03

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v97+
    2022-02-08

backdrop

selector
MDN Document
Browser Support

  • Chrome

    v37+
    2014-08-26
    プレフィックス
    v32から
    -webkit-backdrop

  • Edge

    v79+
    2020-01-15
    プレフィックス
    v12 - v79
    -ms-backdrop

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v47+
    2016-06-07

focus-visible

selector
MDN Document
Browser Support

  • Chrome

    v86+
    2020-10-20

  • Edge

    v86+
    2020-10-09

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v85+
    2021-01-26
    フォールバック
    v4から
    :-moz-focusring

scroll-snap-type

property
MDN Document
Browser Support

  • Chrome

    v69+
    2018-09-04

  • Edge

    v79+
    2020-01-15
    プレフィックス
    v12 - v79
    -ms-scroll-snap-type

  • Safari

    v11+
    2017-09-19
    プレフィックス
    v9から
    -webkit-scroll-snap-type

  • Safari (iOS)

    v11+
    2017-09-19
    プレフィックス
    v9から
    -webkit-scroll-snap-type

  • Firefox

    v99+
    2022-04-05

backdrop-filter

property
MDN Document
Browser Support

  • Chrome

    v76+
    2019-07-30

  • Edge

    v79+
    2020-01-15
    プレフィックス
    v17 - v79
    -webkit-backdrop-filter

  • Safari

    v18+
    2024-09-16
    プレフィックス
    v9から
    -webkit-backdrop-filter

  • Safari (iOS)

    v18+
    2024-09-16
    プレフィックス
    v9から
    -webkit-backdrop-filter

  • Firefox

    v103+
    2022-07-26

scroll-snap-stop

property
MDN Document
Browser Support

  • Chrome

    v75+
    2019-06-04

  • Edge

    v79+
    2020-01-15

  • Safari

    v15+
    2021-09-20

  • Safari (iOS)

    v15+
    2021-09-20

  • Firefox

    v103+
    2022-07-26

rotate

property
MDN Document
Browser Support

  • Chrome

    v104+
    2022-08-02

  • Edge

    v104+
    2022-08-05

  • Safari

    v14.1+
    2021-04-26

  • Safari (iOS)

    v14.5+
    2021-04-26

  • Firefox

    v72+
    2020-01-07

scale

property
MDN Document
Browser Support

  • Chrome

    v104+
    2022-08-02

  • Edge

    v104+
    2022-08-05

  • Safari

    v14.1+
    2021-04-26

  • Safari (iOS)

    v14.5+
    2021-04-26

  • Firefox

    v72+
    2020-01-07

translate

property
MDN Document
Browser Support

  • Chrome

    v104+
    2022-08-02

  • Edge

    v104+
    2022-08-05

  • Safari

    v14.1+
    2021-04-26

  • Safari (iOS)

    v14.5+
    2021-04-26

  • Firefox

    v72+
    2020-01-07

offset

property
MDN Document
Browser Support

  • Chrome

    v55+
    2016-12-01
    フォールバック
    v46から
    motion

  • Edge

    v79+
    2020-01-15
    フォールバック
    v79から
    motion

  • Safari

    v16+
    2022-09-12

  • Safari (iOS)

    v16+
    2022-09-12

  • Firefox

    v72+
    2020-01-07

offset-distance

property
MDN Document
Browser Support

  • Chrome

    v55+
    2016-12-01
    フォールバック
    v46から
    motion-distance

  • Edge

    v79+
    2020-01-15
    フォールバック
    v79から
    motion-distance

  • Safari

    v16+
    2022-09-12

  • Safari (iOS)

    v16+
    2022-09-12

  • Firefox

    v72+
    2020-01-07

offset-rotate

property
MDN Document
Browser Support

  • Chrome

    v56+
    2017-01-25
    フォールバック
    v55から
    offset-rotation
    フォールバック
    v46から
    motion-rotation

  • Edge

    v79+
    2020-01-15
    フォールバック
    v79から
    offset-rotation
    フォールバック
    v79から
    motion-rotation

  • Safari

    v16+
    2022-09-12

  • Safari (iOS)

    v16+
    2022-09-12

  • Firefox

    v72+
    2020-01-07

text-align-last

property
MDN Document
Browser Support

  • Chrome

    v47+
    2015-12-01

  • Edge

    v12+
    2015-07-29

  • Safari

    v16+
    2022-09-12

  • Safari (iOS)

    v16+
    2022-09-12

  • Firefox

    v49+
    2016-09-20
    プレフィックス
    v12 - v53
    -moz-text-align-last

modal

selector
MDN Document
Browser Support

  • Chrome

    v105+
    2022-09-02

  • Edge

    v105+
    2022-09-01

  • Safari

    v15.6+
    2022-07-20

  • Safari (iOS)

    v15.6+
    2022-07-20

  • Firefox

    v103+
    2022-07-26

resolution

type
MDN Document
Browser Support

  • Chrome

    v29+
    2013-08-20

  • Edge

    v12+
    2015-07-29

  • Safari

    v16+
    2022-09-12

  • Safari (iOS)

    v16+
    2022-09-12

  • Firefox

    v8+
    2011-11-08

font-palette

property
MDN Document
Browser Support

  • Chrome

    v101+
    2022-04-26

  • Edge

    v101+
    2022-04-28

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v107+
    2022-11-15

font-palette-values

at-rule
MDN Document
Browser Support

  • Chrome

    v101+
    2022-04-26

  • Edge

    v101+
    2022-04-28

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v107+
    2022-11-15

calc-keyword

type
MDN Document
Browser Support

  • Chrome

    v99+
    2022-03-01

  • Edge

    v99+
    2022-03-03

  • Safari

    v15.4+
    2022-03-14

  • Safari (iOS)

    v15.4+
    2022-03-14

  • Firefox

    v108+
    2022-12-13