Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(197)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-inline-in-max-001.html

Issue 1754963002: Import csswg-test@7ea034e7602d867c19f2e8820eeaadf3058f726a (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-inline-in-fixed-001-expected.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-inline-in-max-001-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <title>CSS Snap Size: snap-width</title>
3 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-width">
4 <link rel="match" href="reference/snap-width-inline-001.html">
5 <meta name="assert" content="This test asserts the snap-width property rounds do wn the box width.">
6 <meta name="flags" content="ahem">
7 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com">
8 <style>
9 .container {
10 font-family: Ahem;
11 font-size: 32px;
12 line-height: 1;
13 }
14 .container > div {
15 margin: .5em 0;
16 }
17 .border > div {
18 border-left: .4em transparent solid;
19 border-right: .4em transparent solid;
20 }
21 .padding > div {
22 padding: 0 .4em;
23 }
24
25 .test {
26 snap-width: 1em;
27 text-align: right;
28 max-width: 20.5em;
29 }
30 .ref {
31 white-space: pre; /* make sure the line does not wrap */
32 width: 20em;
33 }
34 </style>
35 <body>
36 <p class="instructions" style="display:none">Test passes if each pair of boxes a re the same,
37 including how they look, widths, and horizontal positions.
38
39 <div class="container">
40 <div class="test">XXXXXXXXXX XXXXXXXXX</div>
41 <div class="ref">XXXXXXXXXX XXXXXXXXX</div>
42 </div>
43
44 <div class="border container">
45 <div class="test">XXXXXXXXXX XXXXXXXXX</div>
46 <div class="ref">XXXXXXXXXX XXXXXXXXX</div>
47 </div>
48
49 <div class="padding container">
50 <div class="test">XXXXXXXXXX XXXXXXXXX</div>
51 <div class="ref">XXXXXXXXXX XXXXXXXXX</div>
52 </div>
53
54 <div class="border padding container">
55 <div class="test">XXXXXXXXXX XXXXXXXXX</div>
56 <div class="ref">XXXXXXXXXX XXXXXXXXX</div>
57 </div>
58 </body>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-inline-in-fixed-001-expected.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-inline-in-max-001-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698