制作で主流のCSS3プロパティのブラウザ対応状況
最近のウェブ製作でよく使うCSS3プロパティや今後主流となりそうなプロパティののメモ。どのブラウザに対応しているか、どのベンダープレフィックスが必要か、などの確認用。
  • IE11が非対応。picturefill.jsでフォローする。
  • モダンブラウザ対応。IEは11からベンダープレフィックスで対応(ただし、プロパティ名が異なる、行指定のgrid-rowsが必要、他ブラウザと解釈が異なる点あり)。
  • IE11ではまだバグ多発、FirefoxやSafariやChromeでも一部バグ事例あり。
  • モダンブラウザ対応済。IEは10から対応。モバイルも主要ブラウザ対応済(Opera Miniは非対応)。
  • IE非対応、Edge16+が一部対応(imgのみ)、その他モダンブラウザ対応済み。モバイルは主要ブラウザ対応済みのため、ベンダープレフィックスは原則不要。
  • モダンブラウザ対応済。IEは10から対応。モバイルも主要ブラウザ対応済(Opera Miniは非対応)。Androidは4.4対象ならベンダープレフィックス「-webkit-」が必要。
  • モダンブラウザ対応済。IEは10から対応。モバイルも主要ブラウザ対応済(Opera Miniは非対応)。Androidは4.3対象ならベンダープレフィックス「-webkit-」が必要。
  • モダンブラウザ対応済。IEは2Dは9から、3Dは11から一部対応。モバイルも主要ブラウザ対応済(Opera Miniが非対応)。
  • モダンブラウザ対応済。IEは9から対応。モバイルも主要ブラウザ対応済。
  • モダンブラウザ対応済。IEは9から対応。モバイルも主要ブラウザ対応済(Opera Miniが非対応)。