| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 #justifyItemsBaseline { | 5 #justifyItemsBaseline { |
| 6 justify-items: baseline; | 6 justify-items: baseline; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #justifyItemsLastBaseline { | 9 #justifyItemsLastBaseline { |
| 10 justify-items: last-baseline; | 10 justify-items: last-baseline; |
| (...skipping 277 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 288 checkBadValues(element, "justifyItems", "justify-items", "legacy start"); | 288 checkBadValues(element, "justifyItems", "justify-items", "legacy start"); |
| 289 checkBadValues(element, "justifyItems", "justify-items", "legacy end"); | 289 checkBadValues(element, "justifyItems", "justify-items", "legacy end"); |
| 290 checkBadValues(element, "justifyItems", "justify-items", "legacy right true"); | 290 checkBadValues(element, "justifyItems", "justify-items", "legacy right true"); |
| 291 checkBadValues(element, "justifyItems", "justify-items", "legacy auto"); | 291 checkBadValues(element, "justifyItems", "justify-items", "legacy auto"); |
| 292 checkBadValues(element, "justifyItems", "justify-items", "legacy stretch"); | 292 checkBadValues(element, "justifyItems", "justify-items", "legacy stretch"); |
| 293 checkBadValues(element, "justifyItems", "justify-items", "legacy"); | 293 checkBadValues(element, "justifyItems", "justify-items", "legacy"); |
| 294 checkBadValues(element, "justifyItems", "justify-items", "legacy left right"); | 294 checkBadValues(element, "justifyItems", "justify-items", "legacy left right"); |
| 295 | 295 |
| 296 debug(""); | 296 debug(""); |
| 297 debug("Test the value 'initial'"); | 297 debug("Test the value 'initial'"); |
| 298 checkInitialValues(element, "justifyItems", "justify-items"); | 298 checkInitialValues(element, "justifyItems", "justify-items", "", "legacy center"
); |
| 299 | 299 |
| 300 debug(""); | 300 debug(""); |
| 301 debug("Test the value 'initial' for grid containers"); | 301 debug("Test the value 'initial' for grid containers"); |
| 302 checkInitialValues(element, "justifyItems", "justify-items", "grid"); | 302 checkInitialValues(element, "justifyItems", "justify-items", "grid", "left safe"
); |
| 303 | 303 |
| 304 debug(""); | 304 debug(""); |
| 305 debug("Test the value 'initial' for flex containers"); | 305 debug("Test the value 'initial' for flex containers"); |
| 306 checkInitialValues(element, "justifyItems", "justify-items", "flex"); | 306 checkInitialValues(element, "justifyItems", "justify-items", "flex", "right true
"); |
| 307 | 307 |
| 308 debug(""); | 308 debug(""); |
| 309 debug("Test the value 'inherit'"); | 309 debug("Test the value 'inherit'"); |
| 310 parentElement = document.createElement("div"); | 310 checkInheritValues(element, "justifyItems", "justify-items", "end"); |
| 311 document.body.appendChild(parentElement); | 311 checkInheritValues(element, "justifyItems", "justify-items", "left safe"); |
| 312 parentElement.style.justifyItems = "end"; | 312 checkInheritValues(element, "justifyItems", "justify-items", "legacy center"); |
| 313 checkValues(parentElement, "justifyItems", "justify-items", "end", "end"); | |
| 314 | |
| 315 element = document.createElement("div"); | |
| 316 parentElement.appendChild(element); | |
| 317 element.style.justifyItems = "inherit"; | |
| 318 checkValues(element, "justifyItems", "justify-items", "inherit", "end"); | |
| 319 | 313 |
| 320 debug(""); | 314 debug(""); |
| 321 debug("Test the value 'legacy'"); | 315 debug("Test the value 'legacy'"); |
| 322 parentElement = document.createElement("div"); | 316 checkLegacyValues(element, "justifyItems", "justify-items", "legacy left"); |
| 323 document.body.appendChild(parentElement); | 317 checkLegacyValues(element, "justifyItems", "justify-items", "legacy center"); |
| 324 parentElement.style.justifyItems = "legacy right"; | 318 checkLegacyValues(element, "justifyItems", "justify-items", "legacy right"); |
| 325 checkValues(parentElement, "justifyItems", "justify-items", "legacy right", "le
gacy right"); | |
| 326 | |
| 327 element = document.createElement("div"); | |
| 328 parentElement.appendChild(element); | |
| 329 checkValues(element, "justifyItems", "justify-items", "", "legacy right"); | |
| 330 | 319 |
| 331 </script> | 320 </script> |
| 332 </body> | 321 </body> |
| 333 </html> | 322 </html> |
| OLD | NEW |