|
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