MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

グリッドレイアウトを調査する

Firefox 52 の新機能

Firefox 52 よりインスペクターで、グリッドレイアウトを調査するときにグリッドの状態を重ねて表示させることができます。

ルールビューに表示している要素に display: grid 宣言がある場合に、グリッドのアイコン () が現れます。このアイコンをクリックすると、グリッドラインやグリッドトラックを含むグリッドの状態を、ページに重ねて表示します:

ほかの要素を選択してもグリッド表示が残りますので、グリッドアイテムの CSS を編集してグリッドにどのような影響があるかを確認できます。

labs.jensimmons.com で、さまざまな興味深いグリッドの例をご覧ください。

ドキュメントのタグと貢献者

 このページの貢献者: yyss
 最終更新者: yyss,