Firefox 49でChrome・Safariを基準に作成されたコンテンツの表示精度が向上

Firefox 49では、既存のコンテンツとの互換性を高めるため、-webkit-のベンダープレフィックス（以下「webkit接頭辞」）がついたCSSプロパティや属性を多数サポートしている。layout.css.prefixes.webkitが初期設定で有効化される（Bug 1259345）ことによるもので、ベータ版リリースノートには掲載されていないが、Chrome・Safariを基準に作成されたコンテンツの表示精度が向上するため、一般ユーザーにとっても重要な変更といえるだろう。

サポート対象となる具体的なプロパティや属性については、MDNのFirefox 49 for developersにまとめられている*1。が、初期設定で無効のものが混じっているなど若干煩雑なので、改めて整理しつつ列挙しておこう。

-webkit接頭辞がついていても動作するプロパティ

-webkit-align-items
-webkit-align-content
-webkit-align-self
-webkit-animation
-webkit-animation-delay
-webkit-animation-direction
-webkit-animation-duration
-webkit-animation-fill-mode
-webkit-animation-iteration-count
-webkit-animation-name
-webkit-animation-play-state
-webkit-animation-timing-function
-webkit-backface-visibility
-webkit-background-clip
-webkit-background-origin
-webkit-background-size
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius
-webkit-border-image
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-border-radius
-webkit-box-shadow
-webkit-filter
-webkit-flex
-webkit-flex-basis
-webkit-flex-direction
-webkit-flex-flow
-webkit-flex-grow
-webkit-flex-shrink
-webkit-flex-wrap
-webkit-justify-content
-webkit-order
-webkit-perspective
-webkit-perspective-origin
-webkit-text-size-adjust
-webkit-transform
-webkit-transform-origin
-webkit-transform-style
-webkit-transition
-webkit-transition-delay
-webkit-transition-duration
-webkit-transition-property
-webkit-transition-timing-function
-webkit-user-select

同等の接頭辞つきプロパティに紐づけられてサポートされるプロパティ

-webkit-box-flex
-webkit-box-ordinal-group
-webkit-box-orient
-webkit-box-align
-webkit-box-pack

同等の接頭辞つきプロパティに紐づけられずにサポートされるプロパティ

-webkit-text-fill-color
-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-text-stroke

CSSグラデーション関係

-webkit-linear-gradient()、-webkit-radial-gradient()、-webkit-repeating-linear-gradient()および-webkit-repeating-radial-gradient()の各関数は接頭辞なしの同等物に紐づけ
旧式の-webkit-gradientをサポートし、正規のグラデーションに変換