named-grid-areas-no-invalid

無効な名前付きグリッドエリアを許可しません。

a { grid-template-areas:
      "a a a"
      "b b b"; }
/**   ↑
 *  This named grid area */

名前付きグリッドエリアが有効であるためには、すべての文字列が以下を定義する必要があります。

• 同じ数のセルトークン
• 少なくとも1つのセルトークン

また、複数のグリッドセルにまたがるすべての名前付きグリッドエリアは、単一の塗りつぶされた長方形を形成する必要があります。

オプション

true

以下のパターンは問題と見なされます

a { grid-template-areas: "" }

a { grid-template-areas: "a a a"
                         "b b b b"; }

a { grid-template-areas: "a a a"
                         "b b a"; }

以下のパターンは問題とは見なされません

a { grid-template-areas: "a a a"
                         "b b b"; }