OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS Test: vertical baseline alignment of an element with 'display' set
to 'inline-table' with a 'border-bottom' and with a first row made of empty cell
s</title> | 4 <title>CSS Test: vertical baseline alignment of an element with 'display' set
to 'inline-table' with a 'border-bottom' and with a first row made of empty cell
s</title> |
5 <!-- | 5 <!-- |
6 Inspired by | 6 Inspired by |
7 http://test.csswg.org/suites/css2.1/nightly-unstable/html4/margin-applies-to-0
14.htm | 7 http://test.csswg.org/suites/css2.1/nightly-unstable/html4/margin-applies-to-0
14.htm |
8 http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-bottom-width
-applies-to-014.htm | 8 http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-bottom-width
-applies-to-014.htm |
9 and | 9 and |
10 http://lists.w3.org/Archives/Public/public-css-testsuite/2012Aug/0040.html | 10 http://lists.w3.org/Archives/Public/public-css-testsuite/2012Aug/0040.html |
11 --> | 11 --> |
12 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/"> | 12 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/"> |
13 <!-- | 13 <!-- |
14 Credits must go to Anton Prowse for answering an accurate | 14 Credits must go to Anton Prowse for answering an accurate |
15 question with regards to this test. | 15 question with regards to this test. |
16 --> | 16 --> |
17 <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012S
ep/0270.html" title="[CSS21] baseline of an inline-table question"> | 17 <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012S
ep/0270.html" title="[CSS21] baseline of an inline-table question"> |
18 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title=
"10.8.1 Leading and half-leading"> | 18 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title=
"10.8.1 Leading and half-leading"> |
19 <link rel="match" href="reference/inline-table-valign-002-ref.htm"> | 19 <link rel="match" href="reference/inline-table-valign-002-ref.htm"> |
20 <meta name="flags" content="ahem"> | 20 <meta name="flags" content="ahem"> |
| 21 <script src="../../resources/ahem.js"></script> |
21 <meta name="assert" content="The baseline of an 'inline-table' is the baseline
of the first row of the table. If the content of cells in such first row are em
pty, then the baseline of such first row coincides with the bottom edge of the c
ontent box of cells."> | 22 <meta name="assert" content="The baseline of an 'inline-table' is the baseline
of the first row of the table. If the content of cells in such first row are em
pty, then the baseline of such first row coincides with the bottom edge of the c
ontent box of cells."> |
22 <style type="text/css"> | 23 <style type="text/css"> |
23 p#ahem-font-required-for-test | 24 p#ahem-font-required-for-test |
24 { | 25 { |
25 background-color: red; | 26 background-color: red; |
26 color: white; | 27 color: white; |
27 display: inline; | 28 display: inline; |
28 font: 1.25em/1 Ahem, serif; | 29 font: 1.25em/1 Ahem, serif; |
29 /* | 30 /* |
30 To download Ahem font: | 31 To download Ahem font: |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
72 <div id="wrapper"> | 73 <div id="wrapper"> |
73 ÉÉÉÉ<div id="inline-table"> | 74 ÉÉÉÉ<div id="inline-table"> |
74 <div id="row"> | 75 <div id="row"> |
75 <div class="cell"></div><div class="cell"></div> | 76 <div class="cell"></div><div class="cell"></div> |
76 </div> | 77 </div> |
77 </div>ÉÉÉÉ | 78 </div>ÉÉÉÉ |
78 </div> | 79 </div> |
79 <p>Test passes if the following 5 conditions are met: there is a black stripe,
there is an orange stripe, there is a blue line, the black stripe's bottom is t
ouching the top of the orange stripe and the orange stripe's bottom is touching
the top of the blue line.</p> | 80 <p>Test passes if the following 5 conditions are met: there is a black stripe,
there is an orange stripe, there is a blue line, the black stripe's bottom is t
ouching the top of the orange stripe and the orange stripe's bottom is touching
the top of the blue line.</p> |
80 </body> | 81 </body> |
81 </html> | 82 </html> |
OLD | NEW |