|
1 | 1 | <!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01//EN'>
|
2 | 2 |
|
3 | 3 | <html lang="en">
|
4 |
| -<!-- $Id: box.src,v 1.83 2011-03-08 07:04:17 fantasai Exp $ --> |
| 4 | +<!-- $Id: box.src,v 1.84 2011-03-15 23:09:02 bbos Exp $ --> |
5 | 5 | <HEAD>
|
6 | 6 | <TITLE>Box model</TITLE>
|
7 | 7 | </HEAD>
|
@@ -51,24 +51,24 @@ href="visudet.html#Computing_heights_and_margins">height</a>
|
51 | 51 | of the box, which often depend on the element's <a
|
52 | 52 | href="conform.html#rendered-content">rendered content</a>.
|
53 | 53 | The four content edges define the
|
54 |
| -box's <span class="index-def"><dfn>content box</dfn></span>. |
| 54 | +box's <dfn><span class="index-def">content box</span></dfn>. |
55 | 55 | <dt><span class="index-def" title="padding edge"><a name="padding-edge"><strong>padding edge</strong></a></span>
|
56 | 56 | <dd>The padding edge surrounds the box padding. If the padding
|
57 | 57 | has 0 width, the padding edge is the same as the content edge.
|
58 | 58 | The four padding edges define the
|
59 |
| -box's <span class="index-def"><dfn>padding box</dfn></span>. |
| 59 | +box's <dfn><span class="index-def">padding box</span></dfn>. |
60 | 60 | <dt><span class="index-def" title="border edge"><a name="border-edge"><strong>border edge</strong></a></span>
|
61 | 61 | <dd>The border edge surrounds the box's border. If the border
|
62 | 62 | has 0 width, the border edge is the same as the padding edge.
|
63 |
| -The four border edges define the box's <span class="index-def"><dfn>border |
64 |
| -box</dfn></span>. |
| 63 | +The four border edges define the box's <dfn><span class="index-def">border |
| 64 | +box</span></dfn>. |
65 | 65 | <dt><span class="index-def" title="margin edge"><a name="margin-edge"><strong>margin edge</strong></a></span>
|
66 | 66 | or <span class="index-def" title="outer edge"><a name="outer-edge"><strong>outer
|
67 | 67 | edge</strong></a></span>
|
68 | 68 | <dd>The margin edge surrounds the box margin. If the margin
|
69 | 69 | has 0 width, the margin edge is the same as the border edge.
|
70 |
| -The four margin edges define the box's <span class="index-def"><dfn>margin |
71 |
| -box</dfn></span>. |
| 70 | +The four margin edges define the box's <dfn><span class="index-def">margin |
| 71 | +box</span></dfn>. |
72 | 72 | </dl>
|
73 | 73 |
|
74 | 74 | <P>Each edge may be broken down into a top, right, bottom, and left
|
@@ -274,9 +274,10 @@ body {
|
274 | 274 |
|
275 | 275 | <P>In CSS, the adjoining margins of two or more boxes (which might or
|
276 | 276 | might not be siblings) can combine to form a single margin. Margins
|
277 |
| -that combine this way are said to <dfn>collapse</dfn>, and the |
278 |
| -resulting combined margin is called a <span class="index-def" |
279 |
| -title="collapsing margin"><dfn>collapsed margin</dfn></span>. |
| 277 | +that combine this way are said to <dfn><span |
| 278 | +class="index-def">collapse</span></dfn>, and the |
| 279 | +resulting combined margin is called a <dfn><span class="index-def" |
| 280 | +title="collapsing margin">collapsed margin</span></dfn>. |
280 | 281 |
|
281 | 282 | <P>Adjoining vertical margins collapse, except:
|
282 | 283 |
|
@@ -385,8 +386,8 @@ margins. If there are no positive margins, the maximum of the
|
385 | 386 | absolute values of the adjoining margins is deducted from zero.
|
386 | 387 |
|
387 | 388 | <P ID="collapsed-through">If the top and bottom margins of a box are
|
388 |
| -adjoining, then it is possible for margins to <span |
389 |
| -class="index-def"><DFN>collapse through</DFN></span> it. In this case, |
| 389 | +adjoining, then it is possible for margins to <DFN><span |
| 390 | +class="index-def">collapse through</span></DFN> it. In this case, |
390 | 391 | the position of the element depends on its relationship with the other
|
391 | 392 | elements whose margins are being collapsed.
|
392 | 393 |
|
|
0 commit comments