CSS Gridのgap（grid-gap）が遂にIE 11でも再現できるように。Autoprefixerが待望のアップデート - Qiita

CSS Gridのgap（grid-gap）が遂にIE 11でも再現できるように。Autoprefixerが待望のアップデートCSSwebpackpostcssAutoprefixerCSSGrid gapプロパティ（旧名grid-gap）を用いると、CSS Gridにおける列と行の間隔を設定できます。 ▼ MDNの「grid-gap」のデモより。 便利なプロパティですが、IE 11には対応しておらず、CSS Gridにおける苦労点の一つでした。 しかし、6/2にリリースされたAutoprefixer v8.6を用いると、IE 11向けにもgapを用いたレイアウトを実現できます。 どのように変換されるか？ gapを使ったCSSコードがどのように変換されるかを確認してみましょう。次のようなコードを例に紹介します。 grid-templateプロパティの書き方は見慣れないかもしれませんが、グリ

[aTn]

autoprefixerが8.2から8.5にバージョン上がったんだ。忘れないうちにHatena-Blog-Theme-Boilerplateのpackage.jsonを修正しておこう。

[tonkotsuboy_com]

書きました。grid-template-areaのIE 11再現もできるし、CSS Gridを採用しない理由がまた一つ減ってしまった。。。

[koyancya]

うおおお