CSS Gridã®gap（grid-gap）ãŒé‚ã«IE 11ã§ã‚‚å†ç¾ã§ãるよã†ã«ã€‚AutoprefixerãŒå¾…望ã®ã‚¢ãƒƒãƒ—デート - Qiitagapプãƒãƒ‘ティ（旧ågrid-gap）を用ã„ã‚‹ã¨ã€CSS Gridã«ãŠã‘る列ã¨è¡Œã®é–“隔をè¨å®šã§ãã¾ã™ã€‚ â–¼ MDNã®ã€Œgrid-gapã€ã®ãƒ‡ãƒ¢ã‚ˆã‚Šã€‚ 便利ãªãƒ—ãƒãƒ‘ティã§ã™ãŒã€IE 11ã«ã¯å¯¾å¿œã—ã¦ãŠã‚‰ãšã€CSS Gridã«ãŠã‘る苦労点ã®ä¸€ã¤ã§ã—ãŸã€‚ ã—ã‹ã—ã€6/2ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸAutoprefixer v8.6を用ã„ã‚‹ã¨ã€IE 11å‘ã‘ã«ã‚‚gapを用ã„ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実ç¾ã§ãã¾ã™ã€‚ ã©ã®ã‚ˆã†ã«å¤‰æ›ã•ã‚Œã‚‹ã‹ï¼Ÿ gapを使ã£ãŸCSSコードãŒã©ã®ã‚ˆã†ã«å¤‰æ›ã•ã‚Œã‚‹ã‹ã‚’確èªã—ã¦ã¿ã¾ã—ょã†ã€‚次ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’例ã«ç´¹ä»‹ã—ã¾ã™ã€‚ grid-templateプãƒãƒ‘ティã®æ›¸ãæ–¹ã¯è¦‹æ…£ã‚Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚°ãƒªãƒƒãƒ‰ã®ã‚¨ãƒªã‚¢åã€åˆ—å¹…ã€è¡Œå¹…ã‚’ã¾ã¨ã‚ã¦æŒ‡å®šã™ã‚‹æ‰‹æ³•ã§ã™ã€‚grid-template-areasã§å®šç¾©ã—ãŸã‚¨ãƒªã‚¢åã«åŠ ãˆã¦ã€è¡Œå¹…ãŒãã‚Œãžã‚Œ50pxã€1frã€50pxã€åˆ—å¹…ãŒ200pxã€1frã§ã‚ã‚‹ã“ã¨ã‚’示
{{#tags}}- {{label}}
{{/tags}}