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 |