CSS の名前付きグリッド領域が引用符で囲まれないのはなぜですか?

CSS の名前付きグリッド領域が引用符で囲まれていないのはなぜですか?

CSS グリッドでは、名前付きグリッド領域は引用符なしで Grid-area プロパティを使用して定義されます。これは、grid: "area1 area2" / 1fr 1fr; を使用してグリッド エリア名を作成するときに名前が引用符で囲まれるため、直観に反しているように思えるかもしれません。ただし、この設計上の選択は、CSS 仕様の残りの部分との一貫性のために行われました。

他の CSS プロパティとの一貫性

ほぼすべての CSS プロパティは、文字列ではなく値の識別子を使用します。例外には、font-family、content、grid-template-areas などの文字列ベースのプロパティが含まれます。名前付きグリッド領域の値の識別子を維持することで、CSS は全体的な構文との一貫性を保ちます。

構文間の区別の維持

名前付きグリッド領域をグリッド テンプレート エリアとグリッド テンプレート エリアの両方の文字列として表現する決定。グリッド領域の識別子は 2 つの目的を果たします:

1. ビジュアルグループ化: 括弧内の識別子は、同じ位置の名前を視覚的にグループ化します。
2. 両方の構文の共存を許可: この区別により、グリッド テンプレート エリアの構文と名前付き行が有効になります。グリッド短縮プロパティ内で共存します。

からの根拠CSS グリッド仕様開発者

CSS グリッド仕様の開発中に行われたディスカッションからの抜粋では、識別子の使用の背後にある理由を説明しています:

名前付き行の構文:

「以前の名前付き行の構文は扱いにくく、CSS 内部識別子として文字列を使用していました。これは他では使用しません。識別子に切り替えることで、CSS の残りの部分との一貫性が確保され、名前を視覚的にグループ化できるようになります。"

文字列に対する識別子の使用:

「私たちの提案は、行名を識別子に切り替えることです。そうすることで、現在のひどい構文問題が修正され、CSS 構文の残りの部分との一貫性が確保されます。

結論

最初は直観に反するように思えるかもしれませんが、名前付きグリッド領域に識別子を使用すると、全体的な機能が強化されます。 CSS の一貫性により、大部分のプロパティ値と一致し、視覚的なグループ化が可能になり、異なるグリッド間の互換性が可能になります。構文。

以上がCSS の名前付きグリッド領域が引用符で囲まれないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。