diff options
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html')
| -rw-r--r-- | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html | 64 |
1 files changed, 32 insertions, 32 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html index d87ca42..c961142 100644 --- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html @@ -21,69 +21,69 @@ height: 3px; } .gridWithNone { - grid-definition-columns: none; - grid-definition-rows: none; + grid-template-columns: none; + grid-template-rows: none; } .gridWithFixed { - grid-definition-columns: 10px; - grid-definition-rows: 15px; + grid-template-columns: 10px; + grid-template-rows: 15px; } .gridWithPercent { - grid-definition-columns: 50%; - grid-definition-rows: 25%; + grid-template-columns: 50%; + grid-template-rows: 25%; } .gridWithAuto { - grid-definition-columns: auto; - grid-definition-rows: auto; + grid-template-columns: auto; + grid-template-rows: auto; } .gridWithEM { - grid-definition-columns: 10em; - grid-definition-rows: 15em; + grid-template-columns: 10em; + grid-template-rows: 15em; font: 10px Ahem; } .gridWithViewPortPercentage { - grid-definition-columns: 8vw; - grid-definition-rows: 10vh; + grid-template-columns: 8vw; + grid-template-rows: 10vh; } .gridWithFitContent { - grid-definition-columns: -webkit-fit-content; - grid-definition-rows: -webkit-fit-content; + grid-template-columns: -webkit-fit-content; + grid-template-rows: -webkit-fit-content; } .gridWithFitAvailable { - grid-definition-columns: -webkit-fit-available; - grid-definition-rows: -webkit-fit-available; + grid-template-columns: -webkit-fit-available; + grid-template-rows: -webkit-fit-available; } .gridWithMinMax { - grid-definition-columns: minmax(10%, 15px); - grid-definition-rows: minmax(20px, 50%); + grid-template-columns: minmax(10%, 15px); + grid-template-rows: minmax(20px, 50%); } .gridWithMinContent { - grid-definition-columns: min-content; - grid-definition-rows: min-content; + grid-template-columns: min-content; + grid-template-rows: min-content; } .gridWithMaxContent { - grid-definition-columns: max-content; - grid-definition-rows: max-content; + grid-template-columns: max-content; + grid-template-rows: max-content; } .gridWithFraction { - grid-definition-columns: 1fr; - grid-definition-rows: 2fr; + grid-template-columns: 1fr; + grid-template-rows: 2fr; } .gridWithCalc { - grid-definition-columns: calc(150px); - grid-definition-rows: calc(75px); + grid-template-columns: calc(150px); + grid-template-rows: calc(75px); } .gridWithCalcComplex { - grid-definition-columns: calc(50% + 150px); - grid-definition-rows: calc(65% + 75px); + grid-template-columns: calc(50% + 150px); + grid-template-rows: calc(65% + 75px); } .gridWithCalcInsideMinMax { - grid-definition-columns: minmax(10%, calc(15px)); - grid-definition-rows: minmax(calc(20px), 50%); + grid-template-columns: minmax(10%, calc(15px)); + grid-template-rows: minmax(calc(20px), 50%); } .gridWithCalcComplexInsideMinMax { - grid-definition-columns: minmax(10%, calc(50% + 15px)); - grid-definition-rows: minmax(calc(20px + 10%), 50%); + grid-template-columns: minmax(10%, calc(50% + 15px)); + grid-template-rows: minmax(calc(20px + 10%), 50%); } </style> <script src="../../resources/js-test.js"></script> |
