Firefoxã®CSS GridインスペクターãŒä¾¿åˆ©ï¼CSS Gridã®ãƒ‡ãƒã‚°ã«ä¾¿åˆ©ãªFirefoxã®CSS Gridインスペクターをã”紹介ã—ã¾ã™ã€‚Firefox 56ã‹ã‚‰æ載 ã•ã‚Œã¦ã„ã‚‹ã“ã®ã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ãƒ¼ã‚’使ã†ã¨ä»¥ä¸‹ã®ã‚°ãƒªãƒƒãƒ‰é–¢é€£ã®æƒ…å ±ãŒè¡¨ç¤ºã§ãã¾ã™ã€‚CSS Gridã™ã‚‹ãªã‚‰FirefoxãŒã„ã„ã§ã™ã。 グリッドをオーãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤º 線番å·ã‚’表示 é ˜åŸŸåを表示 グリッド線を無é™ã«å»¶ä¼¸ å„グリッドã®è©³ç´°ã‚’表示 開発ツールを表示ã™ã‚‹ ã¾ãšã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œãƒ„ール > ウェブ開発 > 開発ツールを表示ã€ã‹ã‚‰é–‹ç™ºãƒ„ールを表示ã—ã¾ã™ã€‚ グリッドをオーãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤º グリッドã®è¦ªè¦ç´ ã‚’é¸æŠžã™ã‚‹ã¨ã€ã€Œãƒ«ãƒ¼ãƒ«ã€ã‚¿ãƒ–ã®CSSã®ã¨ã“ã‚ã«å°ã•ãグリッド・アイコンãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã“ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ã‚°ãƒªãƒƒãƒ‰ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Firefoxã®CSS Gridインスペクターã®æ©Ÿèƒ½ã¯ã“ã‚Œã ã‘ã ã¨æ€ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€ä»–ã«ã‚‚ã‚ã‚Šã¾ã—ãŸï¼ 「レイアウトã€ã‚¿ãƒ– é–‹
{{#tags}}- {{label}}
{{/tags}}