| OLD | NEW |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 | 2 |
| 3 <html xmlns="http://www.w3.org/1999/xhtml"> | 3 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 | 4 |
| 5 <head> | 5 <head> |
| 6 | 6 |
| 7 <title>CSS Test: line-height - border-top and padding-top of inline non-replac
ed element paint over previous line box</title> | 7 <title>CSS Test: line-height - border-top and padding-top of inline non-replac
ed element paint over previous line box</title> |
| 8 | 8 |
| 9 <!-- | 9 <!-- |
| 10 Inspired by | 10 Inspired by |
| 11 http://archive.webstandards.org/css/winie/inline.html | 11 http://archive.webstandards.org/css/winie/inline.html |
| 12 --> | 12 --> |
| 13 | 13 |
| 14 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> | 14 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> |
| 15 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title=
"10.8.1 Leading and half-leading" /> | 15 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title=
"10.8.1 Leading and half-leading" /> |
| 16 <link rel="bookmark" href="http://archive.webstandards.org/css/winie/inline.ht
ml" /> | 16 <link rel="bookmark" href="http://archive.webstandards.org/css/winie/inline.ht
ml" /> |
| 17 <link rel="match" href="border-padding-bleed-001-ref.xht" /> | 17 <link rel="match" href="border-padding-bleed-001-ref.xht" /> |
| 18 | 18 |
| 19 <meta content="ahem" name="flags" /> | 19 <meta content="ahem" name="flags" /> |
| 20 <meta content="Although margins, borders and padding of inline non-replaced el
ements do not enter into the line box calculation, they are still rendered aroun
d inline boxes. This means that if the height specified by 'line-height' (40px i
n this testcase) is equal to the content height (40px in this testcase) of conta
ined boxes, then background-color of padding-top area and border-top may 'bleed'
into the adjoining preceding line box. Since line boxes are rendered in documen
t order, this causes padding-top and border-top of 2nd line box (the span elemen
t in this testcase) to be painted over border-bottom and padding-bottom of inlin
e boxes of previous line and, in this testcase, over the 1st line box." name="as
sert" /> | 20 <meta content="Although margins, borders and padding of inline non-replaced el
ements do not enter into the line box calculation, they are still rendered aroun
d inline boxes. This means that if the height specified by 'line-height' (40px i
n this testcase) is equal to the content height (40px in this testcase) of conta
ined boxes, then background-color of padding-top area and border-top may 'bleed'
into the adjoining preceding line box. Since line boxes are rendered in documen
t order, this causes padding-top and border-top of 2nd line box (the span elemen
t in this testcase) to be painted over border-bottom and padding-bottom of inlin
e boxes of previous line and, in this testcase, over the 1st line box." name="as
sert" /> |
| 21 | 21 |
| 22 <style type="text/css"><![CDATA[ | 22 <style type="text/css"><![CDATA[ |
| (...skipping 16 matching lines...) Expand all Loading... |
| 39 | 39 |
| 40 <body> | 40 <body> |
| 41 | 41 |
| 42 <p>Test passes if there is a filled green rectangle and <strong>no red</strong
>.</p> | 42 <p>Test passes if there is a filled green rectangle and <strong>no red</strong
>.</p> |
| 43 | 43 |
| 44 <div>shuldboverlaPPed<br /> | 44 <div>shuldboverlaPPed<br /> |
| 45 <span>bleedover1stline</span></div> | 45 <span>bleedover1stline</span></div> |
| 46 | 46 |
| 47 </body> | 47 </body> |
| 48 </html> | 48 </html> |
| OLD | NEW |