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 239 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
250 element.style.justifyItems = "auto"; | 250 element.style.justifyItems = "auto"; |
251 checkValues(element, "justifyItems", "justify-items", "auto", "start"); | 251 checkValues(element, "justifyItems", "justify-items", "auto", "start"); |
252 | 252 |
253 element.style.display = "flex"; | 253 element.style.display = "flex"; |
254 element.style.justifyItems = "auto"; | 254 element.style.justifyItems = "auto"; |
255 checkValues(element, "justifyItems", "justify-items", "auto", "stretch"); | 255 checkValues(element, "justifyItems", "justify-items", "auto", "stretch"); |
256 | 256 |
257 element.style.display = "grid"; | 257 element.style.display = "grid"; |
258 element.style.justifyItems = "auto"; | 258 element.style.justifyItems = "auto"; |
259 checkValues(element, "justifyItems", "justify-items", "auto", "stretch"); | 259 checkValues(element, "justifyItems", "justify-items", "auto", "stretch"); |
260 shouldBe("getComputedStyle(element, '').getPropertyValue('justify-items')", "'st
retch'"); | |
261 shouldBe("element.style.justifyItems", "'auto'"); | |
262 | 260 |
263 element.style.justifyItems = "self-end"; | 261 element.style.justifyItems = "self-end"; |
264 checkValues(element, "justifyItems", "justify-items", "self-end", "self-end"); | 262 checkValues(element, "justifyItems", "justify-items", "self-end", "self-end"); |
265 | 263 |
266 debug(""); | 264 debug(""); |
267 debug("Test bad combinations of justify-items"); | 265 debug("Test bad combinations of justify-items"); |
268 element = document.createElement("div"); | 266 element = document.createElement("div"); |
269 document.body.appendChild(element); | 267 document.body.appendChild(element); |
270 | 268 |
271 checkBadValues(element, "justifyItems", "justify-items", "true auto"); | 269 checkBadValues(element, "justifyItems", "justify-items", "true auto"); |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
313 | 311 |
314 debug(""); | 312 debug(""); |
315 debug("Test the value 'legacy'"); | 313 debug("Test the value 'legacy'"); |
316 checkLegacyValues(element, "justifyItems", "justify-items", "legacy left"); | 314 checkLegacyValues(element, "justifyItems", "justify-items", "legacy left"); |
317 checkLegacyValues(element, "justifyItems", "justify-items", "legacy center"); | 315 checkLegacyValues(element, "justifyItems", "justify-items", "legacy center"); |
318 checkLegacyValues(element, "justifyItems", "justify-items", "legacy right"); | 316 checkLegacyValues(element, "justifyItems", "justify-items", "legacy right"); |
319 | 317 |
320 </script> | 318 </script> |
321 </body> | 319 </body> |
322 </html> | 320 </html> |
OLD | NEW |