| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 #justifyContentAuto { | 5 #justifyContentAuto { |
| 6 justify-content: auto; | 6 justify-content: auto; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #justifyContentBaseline { | 9 #justifyContentBaseline { |
| 10 justify-content: baseline; | 10 justify-content: baseline; |
| (...skipping 276 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 287 checkValues(element, "justifyContent", "justify-content", "stretch center", "st
retch center"); | 287 checkValues(element, "justifyContent", "justify-content", "stretch center", "st
retch center"); |
| 288 | 288 |
| 289 element.style.justifyContent = "right true"; | 289 element.style.justifyContent = "right true"; |
| 290 checkValues(element, "justifyContent", "justify-content", "right true", "right
true"); | 290 checkValues(element, "justifyContent", "justify-content", "right true", "right
true"); |
| 291 | 291 |
| 292 element.style.justifyContent = "auto"; | 292 element.style.justifyContent = "auto"; |
| 293 checkValues(element, "justifyContent", "justify-content", "auto", "start"); | 293 checkValues(element, "justifyContent", "justify-content", "auto", "start"); |
| 294 | 294 |
| 295 element.style.display = "flex"; | 295 element.style.display = "flex"; |
| 296 element.style.justifyContent = "auto"; | 296 element.style.justifyContent = "auto"; |
| 297 checkValues(element, "justifyContent", "justify-content", "auto", "flex-start")
; | 297 checkValues(element, "justifyContent", "justify-content", "auto", "stretch"); |
| 298 | 298 |
| 299 element.style.display = "grid"; | 299 element.style.display = "grid"; |
| 300 element.style.justifyContent = "auto"; | 300 element.style.justifyContent = "auto"; |
| 301 checkValues(element, "justifyContent", "justify-content", "auto", "start"); | 301 checkValues(element, "justifyContent", "justify-content", "auto", "start"); |
| 302 | 302 |
| 303 element.style.justifyContent = "flex-end"; | 303 element.style.justifyContent = "flex-end"; |
| 304 checkValues(element, "justifyContent", "justify-content", "flex-end", "flex-end
"); | 304 checkValues(element, "justifyContent", "justify-content", "flex-end", "flex-end
"); |
| 305 | 305 |
| 306 debug(""); | 306 debug(""); |
| 307 debug("Test bad combinations of justify-content"); | 307 debug("Test bad combinations of justify-content"); |
| (...skipping 28 matching lines...) Expand all Loading... |
| 336 checkInitialValues(element, "justifyContent", "justify-content", "stretch center
", "start"); | 336 checkInitialValues(element, "justifyContent", "justify-content", "stretch center
", "start"); |
| 337 | 337 |
| 338 debug(""); | 338 debug(""); |
| 339 debug("Test the value 'initial' for grid containers"); | 339 debug("Test the value 'initial' for grid containers"); |
| 340 element.style.display = "grid"; | 340 element.style.display = "grid"; |
| 341 checkInitialValues(element, "justifyContent", "justify-content", "space-between
left", "start"); | 341 checkInitialValues(element, "justifyContent", "justify-content", "space-between
left", "start"); |
| 342 | 342 |
| 343 debug(""); | 343 debug(""); |
| 344 debug("Test the value 'initial' for flex containers"); | 344 debug("Test the value 'initial' for flex containers"); |
| 345 element.style.display = "flex"; | 345 element.style.display = "flex"; |
| 346 checkInitialValues(element, "justifyContent", "justify-content", "right true", "
flex-start"); | 346 checkInitialValues(element, "justifyContent", "justify-content", "right true", "
stretch"); |
| 347 | 347 |
| 348 debug(""); | 348 debug(""); |
| 349 debug("Test the value 'inherit'"); | 349 debug("Test the value 'inherit'"); |
| 350 checkInheritValues("justifyContent", "justify-content", "end"); | 350 checkInheritValues("justifyContent", "justify-content", "end"); |
| 351 checkInheritValues("justifyContent", "justify-content", "left safe"); | 351 checkInheritValues("justifyContent", "justify-content", "left safe"); |
| 352 checkInheritValues("justifyContent", "justify-content", "stretch center"); | 352 checkInheritValues("justifyContent", "justify-content", "stretch center"); |
| 353 | 353 |
| 354 </script> | 354 </script> |
| 355 </body> | 355 </body> |
| 356 </html> | 356 </html> |
| OLD | NEW |