OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 #alignSelfBaseline { | 5 #alignSelfBaseline { |
6 align-self: baseline; | 6 align-self: baseline; |
7 } | 7 } |
8 | 8 |
9 #alignSelfLastBaseline { | 9 #alignSelfLastBaseline { |
10 align-self: last-baseline; | 10 align-self: last-baseline; |
(...skipping 248 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
259 | 259 |
260 debug(""); | 260 debug(""); |
261 debug("Test the value 'initial' for flex containers"); | 261 debug("Test the value 'initial' for flex containers"); |
262 container.style.display = "flex"; | 262 container.style.display = "flex"; |
263 checkInitialValues(element, "alignSelf", "align-self", "right unsafe", "stretch"
); | 263 checkInitialValues(element, "alignSelf", "align-self", "right unsafe", "stretch"
); |
264 | 264 |
265 debug(""); | 265 debug(""); |
266 debug("Test the value 'initial' for positioned elements"); | 266 debug("Test the value 'initial' for positioned elements"); |
267 container.style.display = ""; | 267 container.style.display = ""; |
268 element.style.position = "absolute"; | 268 element.style.position = "absolute"; |
269 checkInitialValues(element, "alignSelf", "align-self", "left", "stretch"); | 269 checkInitialValues(element, "alignSelf", "align-self", "left", "start"); |
270 | 270 |
271 debug(""); | 271 debug(""); |
272 debug("Test the value 'initial' for positioned elements in grid containers"); | 272 debug("Test the value 'initial' for positioned elements in grid containers"); |
273 container.style.display = "grid"; | 273 container.style.display = "grid"; |
274 element.style.position = "absolute"; | 274 element.style.position = "absolute"; |
275 checkInitialValues(element, "alignSelf", "align-self", "right", "stretch"); | 275 checkInitialValues(element, "alignSelf", "align-self", "right", "stretch"); |
276 | 276 |
277 debug(""); | 277 debug(""); |
278 debug("Test the value 'initial' for positioned elements in grid containers"); | 278 debug("Test the value 'initial' for positioned elements in grid containers"); |
279 container.style.display = "flex"; | 279 container.style.display = "flex"; |
280 element.style.position = "absolute"; | 280 element.style.position = "absolute"; |
281 checkInitialValues(element, "alignSelf", "align-self", "end", "stretch"); | 281 checkInitialValues(element, "alignSelf", "align-self", "end", "stretch"); |
282 | 282 |
283 debug(""); | 283 debug(""); |
284 debug("Test the value 'inherit'"); | 284 debug("Test the value 'inherit'"); |
285 checkInheritValues("alignSelf", "align-self", "end"); | 285 checkInheritValues("alignSelf", "align-self", "end"); |
286 checkInheritValues("alignSelf", "align-self", "left safe"); | 286 checkInheritValues("alignSelf", "align-self", "left safe"); |
287 checkInheritValues("alignSelf", "align-self", "center unsafe"); | 287 checkInheritValues("alignSelf", "align-self", "center unsafe"); |
288 | 288 |
289 </script> | 289 </script> |
290 </body> | 290 </body> |
291 </html> | 291 </html> |
OLD | NEW |