Pourquoi les zones de grille nommées CSS ne sont-elles pas entourées de guillemets ?

Pourquoi les zones de grille nommées CSS ne sont-elles pas entre guillemets ?

Dans CSS Grid, les zones de grille nommées sont définies à l'aide de la propriété grid-area sans guillemets. Cela peut sembler contre-intuitif puisque les noms sont mis entre guillemets lors de la création des noms de zones de grille avec grid : "area1 area2" / 1fr 1fr;. Cependant, ce choix de conception a été fait par souci de cohérence avec le reste de la spécification CSS.

Cohérence avec d'autres propriétés CSS

Presque toutes les propriétés CSS utilisent des identifiants pour leurs valeurs, plutôt que des chaînes. Les exceptions incluent les propriétés basées sur des chaînes telles que la famille de polices, le contenu et les zones de modèle de grille. En conservant les identifiants pour les valeurs de zone de grille nommée, CSS reste cohérent avec sa syntaxe globale.

Maintenir la différenciation entre les syntaxes

La décision de représenter les zones de grille nommées à la fois sous forme de chaînes dans les zones de modèle de grille et Les identifiants dans la zone de grille servent à deux fins :

1. Regroupement visuel : Les identifiants entre parenthèses regroupent visuellement les noms pour la même position.
2. Permettre la coexistence des deux syntaxes : Cette différenciation permet à la syntaxe des zones de modèle de grille et aux lignes nommées de coexister au sein du propriété de raccourci de grille.

Justification de la spécification de grille CSS Développeurs

Des extraits de discussions tenues lors du développement de la spécification CSS Grid expliquent le raisonnement derrière l'utilisation des identifiants :

Syntaxe des lignes nommées :

" La syntaxe précédente des lignes nommées était délicate et utilisait des chaînes comme identifiants internes au CSS, que nous n'utilisons nulle part ailleurs. En passant aux identifiants, nous nous assurons. cohérence avec le reste du CSS et permettre un regroupement visuel des noms. Cela résoudra le terrible problème de syntaxe actuel et assurera la cohérence avec le reste de la syntaxe CSS. cohérence du CSS. Il s'aligne sur la majorité des valeurs de propriété, permet un meilleur regroupement visuel et permet la compatibilité entre les différentes syntaxes de grille.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!