[CSSGridLayout] Switch from parentheses to brackets for grid line names

LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html

Index: LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html
diff --git a/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html b/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html
index 21c0c54b7ec9822ae9a3b92e8ae00bf6b809fee5..8c0f28d68178c40584b31ab5b3aa561d4f5a5ee4 100644
--- a/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html
+++ b/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html
@@ -22,33 +22,33 @@
   }
 
   .gridUniqueNames {
-      grid-template-columns: (a) 50px (b b-start) 100px (c -start) 200px (d);
-      grid-template-rows: (e) 50px (f -end) 100px (g g-start) 200px (h);
+      grid-template-columns: [a] 50px [b b-start] 100px [c -start] 200px [d];
+      grid-template-rows: [e] 50px [f -end] 100px [g g-start] 200px [h];
   }
 
   .gridWithNamedLineBeforeGridArea {
-      grid-template-columns: (a-start c-start) 50px (d-start) 100px 200px;
-      grid-template-rows: (c-start) 50px (d-start) 100px 200px;
+      grid-template-columns: [a-start c-start] 50px [d-start] 100px 200px;
+      grid-template-rows: [c-start] 50px [d-start] 100px 200px;
   }
 
   .gridWithNamedLineAfterGridArea {
-      grid-template-columns: 50px 100px (a-start) 200px;
-      grid-template-rows: 50px 100px (c-start) 200px;
+      grid-template-columns: 50px 100px [a-start] 200px;
+      grid-template-rows: 50px 100px [c-start] 200px;
   }
 
   .gridWithEndLines {
-      grid-template-columns: 50px 100px (a-end) 200px (c-end);
-      grid-template-rows: 50px (c-end) 100px (d-end) 200px;
+      grid-template-columns: 50px 100px [a-end] 200px [c-end];
+      grid-template-rows: 50px [c-end] 100px [d-end] 200px;
   }
 
   .gridRepeatedNames {
-      grid-template-columns: (d-start) 50px (d-start) 100px (d-start) 200px;
-      grid-template-rows: 50px (c-end) 100px (c-end) 200px (c-end);
+      grid-template-columns: [d-start] 50px [d-start] 100px [d-start] 200px;
+      grid-template-rows: 50px [c-end] 100px [c-end] 200px [c-end];
   }
 
   .gridImplicitArea {
-      grid-template-columns: 50px (z-start) 100px (z-end) 200px;
-      grid-template-rows: 50px (z-start) 100px 200px (z-end);
+      grid-template-columns: 50px [z-start] 100px [z-end] 200px;
+      grid-template-rows: 50px [z-start] 100px 200px [z-end];
   }
 
 </style>