見出し画像

🚧随時更新!IEやEdgeなど特定ブラウザごとに効く最新CSSハックまとめ

特定のブラウザの特定のバージョンにのみ適用させられるCSSハックのまとめです。少しずつCSSハックの発掘と検証を行なっていきます。できることならCSSハックを使わない方がいいのですが、CSSの上書きだけだと正常なブラウザにまで影響してしまう場合などに重宝します。以下は発掘済みのリストになります。購入する際の参考にしてみてください。

特定のバージョン

Internet Explorer

7,8,9,10,11

Edge

12,13,14,15,16,17,18

Firefox

25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,43,44,45,47,48,49,52,53,54,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75

Chrome / Opera

Operaはバージョン15以降、Chromeと同じエンジンを搭載しているため基本的に区別はできません。

53 / 40,54 / 41,55 / 42,56 / 43,57 / 44,58 / 45,62 / 49,63 / 50,64 / 51,65 / 52,66 / 53,75 / 62,76 / 63,77 / 64,78 / 65,79 / 66,80 / 67

Chromium Edge & Chrome / Opera

81 / 68,83(82は欠番)/ 69

複数のバージョン

Internet Explorer

9+,10+

Edge

12+(Edgeすべて),13+,14+,15+,16+,17+

Internet Explorer + Edge

IE10〜Edge18

Chromium Edge

79+

Firefox

1+,72+

Chrome / Opera / Chromium Edge

Chromium版EdgeはChrome79から同じエンジンを搭載してリリースされています。

39+ / 26+,60+ / 47+

Safari / iOS Safari

9+ / 9+,11+ / 11+

Safari / iOS Safari / iPadOS Safari

13+ / 13+ / 13+

iOS Safari / iPadOS Safari

13+ / 13+,13.4+ / 13.1+

iOS Safari

9+,13+,13.4+

iPadOS Safari

13+,13.1+

↓以下CSSハック一覧

ここから先は

12,583字

¥ 500

この記事が気に入ったらチップで応援してみませんか?