⎇ 0bd2f1947f47e7fb59ab42f4894918649210c3a1
test_fixtures/grid_absolute_align_self_sized_all.html
Historia
crudo
Format inline css in text fixtures (#465)
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <script src="../scripts/gentest/test_helper.js"></script>
5 <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
6 <title>
7 Test description
8 </title>
9</head>
10<body>
11
12<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
13 <div style="position: absolute; width: 20px; height: 20px; align-self: start;"></div>
14 <div style="position: absolute; width: 60px; height: 60px; align-self: start;"></div>
15 <div style="position: absolute; width: 20px; height: 20px; align-self: end;"></div>
16 <div style="position: absolute; width: 60px; height: 60px; align-self: end;"></div>
17 <div style="position: absolute; width: 20px; height: 20px; align-self: center;"></div>
18 <div style="position: absolute; width: 60px; height: 60px; align-self: center;"></div>
19 <div style="position: absolute; width: 20px; height: 20px; align-self: stretch;"></div>
20 <div style="position: absolute; width: 60px; height: 60px; align-self: stretch;"></div>
21</div>
22
23</body>
24</html>