- From: Arron Eicholz via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 28 Oct 2011 00:10:18 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-positioning
In directory hutz:/tmp/cvs-serv31775
Modified Files:
Overview.html Overview.src.html
Log Message:
Defined animatable properties in the properties definition table
Minor editorial updates based on feedback
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-positioning/Overview.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -d -r1.2 -r1.3
--- Overview.html 21 Oct 2011 21:53:06 -0000 1.2
+++ Overview.html 28 Oct 2011 00:10:16 -0000 1.3
@@ -1,4 +1,4 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang=en>
@@ -50,7 +50,7 @@
font: inherit;
}
</style>
-
+</head>
<body>
<div class=head> <!--begin-logo-->
<p id=x><a href="http://www.w3.org/"><img alt=W3C height=48
@@ -58,14 +58,14 @@
<h1>CSS Positioned Layout Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 October
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 October
2011</h2>
<dl>
<dt>This version:
<dd><a
- href="http://www.w3.org/TR/2011/ED-css3-positioning-20111021/">http://dev.w3.org/csswg/css3-positioning/</a></dd>
+ href="http://www.w3.org/TR/2011/ED-css3-positioning-20111028/">http://dev.w3.org/csswg/css3-positioning/</a></dd>
<!--<dt>Latest version:</dt>
<dd><a href="http://www.w3.org/TR/css3-positioning/">http://www.w3.org/TR/css3-positioning/</a></dd>-->
@@ -370,14 +370,12 @@
normative.</em>
<p id=css-assumes-the-document-layout-is-model> CSS assumes the document
- layout is modeled as a tree of elements. Each element has an ordered list
- of zero or more child elements, with an optional string of text before the
- list, in-between the children and after the list. The unique element that
- has no parent is called the root element. This module describes how any of
- the elements from the tree of elements can be arranged independent of
- document order (i.e. taken out of "flow"). With a positioned element the
- element may be placed anywhere within the content not specifically
- respecting the tree of elements order.
+ layout is modeled as a tree of elements. The unique element that has no
+ parent is called the root element. This module describes how any of the
+ elements from the tree of elements can be arranged independent of document
+ order (i.e. taken out of "flow"). With a positioned element the element
+ may be placed anywhere within the content not specifically respecting the
+ tree of elements order.
<p id=in-css21-the-visual-formatting-model-exp> In <a href="#CSS21"
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>, the visual formatting model
@@ -511,8 +509,8 @@
href="http://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous
media</a> generally offer users a viewport (a window or other viewing area
on the screen) through which users consult a document. User agents may
- change the document's layout when the viewport is resized (see the <a
- href="#initial-containing-block">initial containing block</a>).
+ change the document's layout when the viewport is resized (see the
+ <span>initial containing block</span>).
<p id=when-the-viewport-is-smaller-than-the-ar> When the viewport is
smaller than the area of the canvas on which the document is rendered, the
@@ -541,32 +539,16 @@
<dfn id=containing-block0>containing block</dfn></h3>
<p id=the-position-and-size-of-an-element39s-b> The position and size of an
- element's box(es) are sometimes calculated relative to a certain
+ element's box(es) are sometimes computed relative to a certain
rectangle, called the containing block of the element. The containing
- block of an element is defined as follows:
+ block of a ‘<code class=css>static</code>’ or ‘<code
+ class=css>relative</code>’ element is defined in the Box Model <a
+ href="#CSS3BOX" rel=biblioentry>[CSS3BOX]<!--{{!CSS3BOX}}--></a>; for
+ ‘<code class=css>fixed</code>’, ‘<code
+ class=css>absolute</code>’ and ‘<code
+ class=css>page</code>’, it is defined as follows:
<ol>
- <li id=the-containing-block-in-which-the-root-e> The containing block in
- which the <a href="http://www.w3.org/TR/CSS2/conform.html#root">root
- element</a> lives is a rectangle called the <dfn
- id=initial-containing-block>initial containing block</dfn>. For
- continuous media, it has the dimensions of the <a
- href="#viewport0">viewport</a> and is anchored at the canvas origin; it
- is the <a href="http://www.w3.org/TR/CSS2/page.html#page-area">page
- area</a> for paged media. The ‘<code
- class=property>direction</code>’ property of the initial containing
- block is the same as for the root element.
-
- <li id=for-other-elements-if-the-element39s-pos> For other elements, if
- the element's position is <a href="#relative"
- title="'position'!!''relative''">‘<code
- class=css>relative</code>’</a> or <a href="#static"
- title="'position'!!''static''">‘<code
- class=css>static</code>’</a>, the containing block is formed by the
- content edge of the nearest <a
- href="http://www.w3.org/TR/CSS2/visuren.html#block-boxes">block
- container</a> ancestor box.
-
<li id=if-the-element-has-positioned-fixed-the-> If the element has <a
href="#fixed" title="'position'!!''fixed''">‘<code
class=css>positioned: fixed</code>’</a>, the containing block is
@@ -576,9 +558,9 @@
<li id=if-the-element-has-position-page-the-con> If the element has <a
href="#page" title="'position'!!''page''">‘<code
class=css>position: page</code>’</a>, the containing block is the
- <a href="#initial-containing-block">initial containing block</a>.
- Typically this is the <a href="#viewport0">viewport</a> or the page area
- when in paged media. In the case of CSS Regions <a href="#CSS3-REGIONS"
+ <span>initial containing block</span>. Typically this is the <a
+ href="#viewport0">viewport</a> or the page area when in paged media. In
+ the case of CSS Regions <a href="#CSS3-REGIONS"
rel=biblioentry>[CSS3-REGIONS]<!--{{!CSS3-REGIONS}}--></a> this is the
individual region.
@@ -619,8 +601,8 @@
</ol>
<li id=if-there-is-no-such-ancestor-the-contain>If there is no such
- ancestor, the containing block is the <a
- href="#initial-containing-block">initial containing block</a>.
+ ancestor, the containing block is the <span>initial containing
+ block</span>.
</ol>
<p id=in-paged-media-an-absolutely-positioned-> In paged media, an
@@ -718,9 +700,8 @@
</code></pre>
<p id=its-containing-block-is-no-longer-body-i> its containing block is no
- longer "body"; it becomes the <a href="#initial-containing-block">initial
- containing block</a> (since there are no other positioned ancestor
- boxes).</p>
+ longer "body"; it becomes the <span>initial containing block</span>
+ (since there are no other positioned ancestor boxes).</p>
<p id=if-we-position-em1-as-well>If we position "em1" as well:</p>
@@ -798,10 +779,11 @@
<p id=a-float-is-a-box-that-is-positioned-with> A float is a box that is
positioned within content, often left or right on the current line. The
most interesting characteristic of a float (or "floated" or "floating"
- box) is that content may flow along its side (or be prohibited from doing
- so by the ‘<code class=property>clear</code>’ property) or
- around the floated box. See the CSS 2.1 <a href="#CSS21"
- rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a><!--CSS Floats module [[CSS3FLOATS]]-->
+ box") is that inline-level content may flow along its side (or be
+ prohibited from doing so by the ‘<code
+ class=property>clear</code>’ property) or around the floated box.
+ See the CSS 2.1 <a href="#CSS21"
+ rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a><!--CSS Floats module [[!CSS3FLOATS]]-->
for details about <a
href="http://www.w3.org/TR/CSS2/visuren.html#floats">floating boxes</a>.</p>
<!-- End section: Floats -->
@@ -850,7 +832,7 @@
<p id=once-a-box-has-been-laid-out-according-t> Once a box has been laid
out according to the <a href="#normal-flow0">normal flow</a> or <span
- title=floats>floated</span>, it may be shifted relative to this position.
+ title=floats>floated</span>, it may be offset relative to this position.
This is called relative positioning. Offsetting a box (B1) in this way has
no effect on the box (B2) that follows: B2 is given a position as if B1
were not offset and B2 is not re-positioned after B1's offset is
@@ -859,7 +841,7 @@
class=css>overflow: auto</code>’ or ‘<code class=css>overflow:
scroll</code>’ box to have overflow, the user agent must allow the
user to access this content (at its offset position), which, through the
- creation of scrollbars, may affect layout.
+ creation of a scrolling mechanism, may affect layout.
<p id=a-relatively-positioned-box-keeps-its-no> A relatively positioned box
keeps its <a href="#normal-flow0">normal flow</a> size, including line
@@ -966,13 +948,10 @@
will be minus the value of ‘<a href="#top"><code
class=property>top</code></a>’).
- <p class=note id=note-dynamic-movement-of-relatively-posi> Note, dynamic
- movement of relatively positioned boxes can produce animation effects in
- scripting environments (see also the ‘<code
- class=property>visibility</code>’ property). Although relative
- positioning may be used as a form of superscripting and subscripting, the
- line height is not automatically adjusted to take the positioning into
- consideration. See the description of <a
+ <p class=note id=note-although-relative-positioning-could> Note, Although
+ relative positioning could be used as a form of superscripting and
+ subscripting, the line height is not automatically adjusted to take the
+ positioning into consideration. See the description of <a
href="http://www.w3.org/TR/CSS2/visudet.html#line-height">line height
calculations</a> for more information.
@@ -1016,10 +995,10 @@
positioning</span></h3>
<p id=in-the-page-positioning-model-a-box-is-e> In the page positioning
- model, a box is explicitly offset with respect to its <a
- href="#initial-containing-block">initial containing block</a>. It is
- removed from the <a href="#normal-flow0">normal flow</a> entirely (it has
- no impact on later siblings). A page positioned box establishes a new <a
+ model, a box is explicitly offset with respect to its <span>initial
+ containing block</span>. It is removed from the <a
+ href="#normal-flow0">normal flow</a> entirely (it has no impact on later
+ siblings). A page positioned box establishes a new <a
href="#containing-block0">containing block</a> for <a
href="#normal-flow0">normal flow</a> children and absolutely (but not
fixed, or page) positioned descendants. However, the contents of a page
@@ -1040,17 +1019,7 @@
box) imply that the element's ‘<a href="#position"><code
class=property>position</code></a>’ property has the value <a
href="#page" title="'position'!!''page''">‘<code
- class=css>page</code>’</a>.
-
- <p class=note id=when-a-page-positioned-element-is-not-wi> When a page
- positioned element is not within a CSS Region <a href="#CSS3-REGIONS"
- rel=biblioentry>[CSS3-REGIONS]<!--{{!CSS3-REGIONS}}--></a> the <a
- href="#initial-containing-block">initial containing block</a> is the <a
- href="#viewport0">viewport</a>. This can cause odd behavior for layout of
- page positioned elements where they will all be laid out from the <a
- href="#viewport0">viewport</a> and potentially overlap from that location.
- Authors should be aware how their content will be consumed when using page
- postioning.</p>
+ class=css>page</code>’</a>.</p>
<!-- End section: Page positioning -->
<h3 id=fixed-positioning><span class=secno>6.4. </span><span
@@ -1058,10 +1027,10 @@
title="fixed positioning|fixed position|fixed positioned">Fixed
positioning</span></h3>
- <p id=fixed-positioning-is-a-subcategory-of-ab> Fixed positioning is a
- subcategory of absolute positioning. The only difference is that for a
- fixed positioned box, the <a href="#containing-block0">containing
- block</a> is established by the <a href="#viewport0">viewport</a>. For <a
+ <p id=fixed-positioning-is-similar-to-absolute> Fixed positioning is
+ similar to absolute positioning. The only difference is that for a fixed
+ positioned box, the <a href="#containing-block0">containing block</a> is
+ established by the <a href="#viewport0">viewport</a>. For <a
href="http://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous
media</a>, fixed boxes do not move when the document is scrolled. In this
respect, they are similar to <a
@@ -1071,20 +1040,18 @@
media</a>, boxes with fixed positions are repeated on every page. This is
useful for placing, for instance, a signature at the bottom of each page.
Boxes with fixed position that are larger than the page area are clipped.
- Parts of the fixed position box that are not visible in the <a
- href="#initial-containing-block">initial containing block</a> will not
- print.
+ Parts of the fixed position box that are not visible in the <span>initial
+ containing block</span> will not print.
<div class=example>
<p id=authors-may-use-fixed-positioning-to-cre> Authors may use fixed
- positioning to create frame-like presentations. Consider the following
- frame layout:</p>
+ positioning to create following presentation:</p>
<div class=figure>
<p id=nbspnbspnbspd-> <img alt="Example of frame layout" src=frame.png>
<span class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/frame-desc.html"
- name=img-anon-block
+ id=img-anon-block
title="Long description for frame layout example">[D]</a></span></p>
</div>
@@ -1186,6 +1153,11 @@
<td>no
<tr>
+ <th>Animatable:
+
+ <td>no
+
+ <tr>
<th>Percentages:
<td>N/A
@@ -1265,17 +1237,16 @@
<dd>
<p id=the-box39s-position-is-calculated-accord> The box's position is
calculated according to the "absolute" model, but in addition, the box
- <a href="#containing-block0">containing block</a> is always the <a
- href="#initial-containing-block">initial containing block</a>. As with
- the "absolute" model, the box's margins do not collapse with any
- other margins. In the case of the print media type, the box is rendered
- only on the initial page where the page positioned element originated.
- User agents may paginate the content of paged boxes.</p>
+ <a href="#containing-block0">containing block</a> is always the
+ <span>initial containing block</span>. As with the "absolute" model, the
+ box's margins do not collapse with any other margins. In the case of
+ the print media type, the box is rendered only on the initial page where
+ the page positioned element originated. User agents may paginate the
+ content of paged boxes.</p>
<p class=note id=note-that-css-regions-are-also-initial-c> Note, that CSS
- Regions are also <a href="#initial-containing-block"
- title="initial containing block">initial containing blocks</a>, in
- accordance with <a
+ Regions are also <span title="initial containing block">initial
+ containing blocks</span>, in accordance with <a
href="http://dev.w3.org/csswg/css3-regions/Overview.html#flow-into">‘<code
class=property>flow-into</code>’</a> property of the CSS Regions
Module <a href="#CSS3-REGIONS"
@@ -1381,6 +1352,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td>no</td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>N/A</td>
</tr>
@@ -1475,6 +1450,11 @@
<td>no
<tr>
+ <th>Animatable:
+
+ <td><length>, <percentage>
+
+ <tr>
<th>Percentages:
<td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1507,11 +1487,10 @@
the top edges of the box itself (i.e., the box is given a position in the
<a href="#normal-flow0">normal flow</a>, then offset from that position
according to these properties). For page positioned boxes, the offset is
- with respect to the top edge of the <a
- href="#initial-containing-block">initial containing block</a> itself. For
- absolutely positioned elements whose containing block is based on a
- block-level element, these properties are an offset from the padding edge
- of that element.
+ with respect to the top edge of the <span>initial containing block</span>
+ itself. For absolutely positioned elements whose containing block is based
+ on a block-level element, these properties are an offset from the padding
+ edge of that element.
<table class=propdef id=propdef-right>
<tbody>
@@ -1542,6 +1521,11 @@
<td>no
<tr>
+ <th>Animatable:
+
+ <td><length>, <percentage>
+
+ <tr>
<th>Percentages:
<td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1573,8 +1557,8 @@
of the box's <a href="#containing-block0">containing block</a>. For
relatively positioned boxes, the offset is with respect to the right edge
of the box itself. For page positioned boxes, the offset is with respect
- to the right edge of the <a href="#initial-containing-block">initial
- containing block</a> itself. For absolutely positioned elements whose <a
+ to the right edge of the <span>initial containing block</span> itself. For
+ absolutely positioned elements whose <a
href="#containing-block0">containing block</a> is based on a block-level
element, these properties are an offset from the padding edge of that
element.
@@ -1608,6 +1592,11 @@
<td>no
<tr>
+ <th>Animatable:
+
+ <td><length>, <percentage>
+
+ <tr>
<th>Percentages:
<td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1639,8 +1628,8 @@
box's <a href="#containing-block0">containing block</a>. For
relatively positioned boxes, the offset is with respect to the bottom edge
of the box itself. For page positioned boxes, the offset is with respect
- to the bottom edge of the <a href="#initial-containing-block">initial
- containing block</a> itself. For absolutely positioned elements whose <a
+ to the bottom edge of the <span>initial containing block</span> itself.
+ For absolutely positioned elements whose <a
href="#containing-block0">containing block</a> is based on a block-level
element, these properties are an offset from the padding edge of that
element.
@@ -1674,6 +1663,11 @@
<td>no
<tr>
+ <th>Animatable:
+
+ <td><length>, <percentage>
+
+ <tr>
<th>Percentages:
<td>refer to height of <a href="#containing-block0">containing block</a>
@@ -1747,8 +1741,8 @@
negative values may easily move elements outside the <a
href="#viewport0">viewport</a> and make the contents unreachable through
scrolling or other means. Authors should be aware that page positioned
- elements and fixed position elements are always relative to the <a
- href="#initial-containing-block">initial containing block</a>.</p>
+ elements and fixed position elements are always relative to the
+ <span>initial containing block</span>.</p>
<!-- End section: Box offsets: 'top', 'right', 'bottom', 'left' -->
<h2 id=size-and-position-details><span class=secno>7. </span>Sizing and
@@ -2622,6 +2616,9 @@
<td><span>same as specified</span>
</table>
+
+ <p class=issue id=what-about-new-display-types-box-grid-ru>What about new
+ display types, "box, grid, ruby, etc..."?</p>
<!-- End section: Relationships between 'display', 'position', and 'float' -->
<h2 id=comparison-of-flow-floats-absolute-positioning><span class=secno>9.
@@ -2705,7 +2702,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-generic.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-generic-desc.html"
- name=img-flow-generic
+ id=img-flow-generic
title="Long description for normal flow example">[D]</a></span></p>
</div>
<!-- End section: Normal flow -->
@@ -2747,7 +2744,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-relative.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-relative-desc.html"
- name=img-flow-relative
+ id=img-flow-relative
title="Long description for relative positioning example">[D]</a></span></p>
</div>
@@ -2784,7 +2781,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-float.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-float-desc.html"
- name=img-flow-float
+ id=img-flow-float
title="Long description of example illustrating floating">[D]</a></span></p>
</div>
@@ -2830,7 +2827,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-clear.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear-desc.html"
- name=img-flow-clear
+ id=img-flow-clear
title="Long description of example illustrating floating without clear">[D]</a></span>
</p>
</div>
@@ -2856,7 +2853,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-clear2.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear2-desc.html"
- name=img-flow-clear2
+ id=img-flow-clear2
title="Long description of example illustrating floating with clear">[D]</a></span>
</p>
</div>
@@ -2884,13 +2881,13 @@
<em>outer</em> box to be positioned with respect to its <a
href="#containing-block0">containing block</a>. The <a
href="#containing-block0">containing block</a> for a positioned box is
- established by the nearest positioned ancestor (or, if none exists, the <a
- href="#initial-containing-block">initial containing block</a>, as in our
- example). The top side of the <em>outer</em> box is ‘<code
- class=css>200px</code>’ below the top of the <a
- href="#containing-block0">containing block</a> and the left side is
- ‘<code class=css>200px</code>’ from the left side. The child
- box of <em>outer</em> is flowed normally with respect to its parent.
+ established by the nearest positioned ancestor (or, if none exists, the
+ <span>initial containing block</span>, as in our example). The top side of
+ the <em>outer</em> box is ‘<code class=css>200px</code>’ below
+ the top of the <a href="#containing-block0">containing block</a> and the
+ left side is ‘<code class=css>200px</code>’ from the left
+ side. The child box of <em>outer</em> is flowed normally with respect to
+ its parent.
<div class=figure>
<p id=nbspnbspnbspd-5> <img
@@ -2898,7 +2895,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-absolute.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html"
- name=img-flow-absolute
+ id=img-flow-absolute
title="Long description for example illustrating absolute positioning">[D]</a></span>
</p>
</div>
@@ -2941,7 +2938,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-abs-rel.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-abs-rel-desc.html"
- name=img-flow-abs-rel
+ id=img-flow-abs-rel
title="Long description for example illustrating positioning with respect to a positioned ancestor">[D]</a></span>
</p>
</div>
@@ -2963,9 +2960,9 @@
<p id=the-containing-block-for-inner-becomes-t> the <a
href="#containing-block0">containing block</a> for <em>inner</em> becomes
- the <a href="#initial-containing-block">initial containing block</a> (in
- our example). The following illustration shows where the <em>inner</em>
- box would end up in this case.
+ the <span>initial containing block</span> (in our example). The following
+ illustration shows where the <em>inner</em> box would end up in this case.
+
<div class=figure>
<p id=nbspnbspnbspd-7> <img
@@ -2973,7 +2970,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-static.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html"
- name=img-flow-static
+ id=img-flow-static
title="Long description illustrating absolute positioning with respect to the initial containing block">[D]</a></span>
</p>
</div>
@@ -3000,7 +2997,7 @@
src="http://www.w3.org/TR/CSS2/images/changebar.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/changebar-desc.html"
- name=img-changebar
+ id=img-changebar
title="Long description for change bar example">[D]</a></span></p>
</div>
@@ -3040,13 +3037,12 @@
<em>outer</em> box to be positioned with respect to its <a
href="#containing-block0">containing block</a>. The <a
href="#containing-block0">containing block</a> for a page positioned box
- is always established by the <a href="#initial-containing-block">initial
- containing block</a>. The top side of the <em>outer</em> box is
- ‘<code class=css>200px</code>’ below the top of the <a
- href="#initial-containing-block">initial containing block</a> and the left
- side is ‘<code class=css>200px</code>’ from the left side. The
- child box of <em>outer</em> is flowed normally with respect to its parent.
-
+ is always established by the <span>initial containing block</span>. The
+ top side of the <em>outer</em> box is ‘<code
+ class=css>200px</code>’ below the top of the <span>initial
+ containing block</span> and the left side is ‘<code
+ class=css>200px</code>’ from the left side. The child box of
+ <em>outer</em> is flowed normally with respect to its parent.
<div class=figure>
<p id=nbspnbspnbspd-9> <img
@@ -3054,7 +3050,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-absolute.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html"
- name=img-flow-absolute
+ id=img-flow-absolute
title="Long description for example illustrating absolute positioning">[D]</a></span>
</p>
</div>
@@ -3070,9 +3066,8 @@
href="#containing-block0">containing block</a> is not the <a
href="#relative-positioning1" title="relative positioning">relative
positioned</a> <em>outer box</em> box, page positioned elements are
- positioned from the <a href="#initial-containing-block">initial containing
- block</a>, in this case the top and left edges of the illustration itself.
-
+ positioned from the <span>initial containing block</span>, in this case
+ the top and left edges of the illustration itself.
<div class=example>
<pre><code class=css>
@@ -3098,7 +3093,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-static.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html"
- name=img-flow-static
+ id=img-flow-static
title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
</p>
</div>
@@ -3120,9 +3115,8 @@
<p id=the-containing-block-for-inner-becomes-t0> the <a
href="#containing-block0">containing block</a> for <em>inner</em> becomes
- the <a href="#initial-containing-block">initial containing block</a>. The
- following illustration shows where the <em>inner</em> box would end up in
- this case.
+ the <span>initial containing block</span>. The following illustration
+ shows where the <em>inner</em> box would end up in this case.
<div class=figure>
<p id=nbspnbspnbspd-11> <img
@@ -3130,7 +3124,7 @@
src="http://www.w3.org/TR/CSS2/images/flow-static.png"> <span
class=dlink> <a
href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html"
- name=img-flow-static
+ id=img-flow-static
title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
</p>
</div>
@@ -3175,6 +3169,11 @@
<td>no
<tr>
+ <th>Animatable:
+
+ <td><shape>
+
+ <tr>
<th>Percentages:
<td>N/A
@@ -3407,6 +3406,11 @@
<td>no
<tr>
+ <th>Animatable:
+
+ <td><integer>
+
+ <tr>
<th>Percentages:
<td>N/A
@@ -3717,7 +3721,9 @@
to <a href="#each-box">7.2.1</a> for that element
</ol>
</ol>
- For inline-block and inline-table elements:
+
+ <li id=for-inline-block-and-inline-table-elemen>For inline-block and
+ inline-table elements:
<ol>
<li id=for-each-one-of-these-treat-the-element-> For each one of
these, treat the element as if it created a new stacking context,
@@ -3725,7 +3731,9 @@
create a new stacking context are considered part of the parent
stacking context, not this new one.
</ol>
- For inline-level replaced elements:
+
+ <li id=for-inline-level-replaced-elements-the-r>For inline-level
+ replaced elements:
<ol>
<li id=the-replaced-content-atomically.>the replaced content,
atomically.
@@ -3986,10 +3994,10 @@
<dt id=CSS21>[CSS21]
<dd>Bert Bos; et al. <a
- href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June
2011. W3C Recommendation. URL: <a
- href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
</dd>
<!---->
@@ -4044,11 +4052,11 @@
<dt id=CSS3VAL>[CSS3VAL]
- <dd>Håkon Wium Lie; Chris Lilley. <a
- href="http://www.w3.org/TR/2006/WD-css3-values-20060919"><cite>CSS3
- Values and Units.</cite></a> 19 September 2006. W3C Working Draft. (Work
- in progress.) URL: <a
- href="http://www.w3.org/TR/2006/WD-css3-values-20060919">http://www.w3.org/TR/2006/WD-css3-values-20060919</a>
+ <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
+ href="http://www.w3.org/TR/2011/WD-css3-values-20110906/"><cite>CSS
+ Values and Units Module Level 3.</cite></a> 6 September 2011. W3C Working
+ Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">http://www.w3.org/TR/2011/WD-css3-values-20110906/</a>
</dd>
<!---->
</dl>
@@ -4140,9 +4148,6 @@
<li>floating box, <a href="#floats0"
title="floating box"><strong>5.</strong></a>
- <li>initial containing block, <a href="#initial-containing-block"
- title="initial containing block"><strong>3.1.</strong></a>
-
<li>‘<a href="#left"><code class=property>left</code></a>’, <a
href="#left" title="'left'"><strong>6.6.</strong></a>
<ul>
@@ -4316,9 +4321,9 @@
<td>no
- <td>refer to height of containing block
+ <td><length>, <percentage>
- <td>visual
+ <td>refer to height of containing block
<tr>
<th><a class=property href="#clip">clip</a>
@@ -4331,9 +4336,9 @@
<td>no
- <td>N/A
+ <td><shape>
- <td>visual
+ <td>N/A
<tr>
<th><a class=property href="#left">left</a>
@@ -4346,9 +4351,9 @@
<td>no
- <td>refer to height of containing block
+ <td><length>, <percentage>
- <td>visual
+ <td>refer to height of containing block
<tr>
<th><a class=property href="#position">position</a>
@@ -4361,9 +4366,9 @@
<td>no
- <td>N/A
+ <td>no
- <td>visual
+ <td>N/A
<tr>
<th><a class=property href="#right">right</a>
@@ -4376,9 +4381,9 @@
<td>no
- <td>refer to height of containing block
+ <td><length>, <percentage>
- <td>visual
+ <td>refer to height of containing block
<tr>
<th><a class=property href="#top">top</a>
@@ -4391,9 +4396,9 @@
<td>no
- <td>refer to height of containing block
+ <td><length>, <percentage>
- <td>visual
+ <td>refer to height of containing block
<tr>
<th><a class=property href="#z-index">z-index</a>
@@ -4406,11 +4411,12 @@
<td>no
- <td>N/A
+ <td><integer>
- <td>visual
+ <td>N/A
</table>
<!--end-properties-->
+ </body>
</html>
<!-- Keep this comment at the end of the file
Local variables:
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-positioning/Overview.src.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -d -r1.4 -r1.5
--- Overview.src.html 21 Oct 2011 21:53:07 -0000 1.4
+++ Overview.src.html 28 Oct 2011 00:10:16 -0000 1.5
@@ -91,13 +91,11 @@
<h2 id="intro">Introduction</h2>
<p><em>This section is not normative.</em></p>
<p>
- CSS assumes the document layout is modeled as a tree of elements. Each element has an
- ordered list of zero or more child elements, with an optional string of text before the
- list, in-between the children and after the list. The unique element that has no parent
- is called the root element. This module describes how any of the elements from the tree
- of elements can be arranged independent of document order (i.e. taken out of "flow").
- With a positioned element the element may be placed anywhere within the content not
- specifically respecting the tree of elements order.
+ CSS assumes the document layout is modeled as a tree of elements. The unique element
+ that has no parent is called the root element. This module describes how any of the
+ elements from the tree of elements can be arranged independent of document order (i.e.
+ taken out of "flow"). With a positioned element the element may be placed anywhere
+ within the content not specifically respecting the tree of elements order.
</p>
<p>
In [[!CSS21]], the visual formatting model explained how each element in the document
@@ -180,24 +178,13 @@
<h3 id="def-containing-blocks">Definition of <dfn>containing block</dfn></h3>
<p>
- The position and size of an element's box(es) are sometimes calculated relative to a
- certain rectangle, called the containing block of the element. The containing block of
- an element is defined as follows:
+ The position and size of an element's box(es) are sometimes computed relative to a
+ certain rectangle, called the containing block of the element. The containing block of a
+ ''static'' or ''relative'' element is defined in the Box Model [[!CSS3BOX]]; for
+ ''fixed'', ''absolute'' and ''page'', it is defined as follows:
</p>
<ol>
<li>
- The containing block in which the <a href="http://www.w3.org/TR/CSS2/conform.html#root">root element</a> lives
- is a rectangle called the <dfn>initial containing block</dfn>. For continuous media,
- it has the dimensions of the <span>viewport</span> and is anchored at
- the canvas origin; it is the <a href="http://www.w3.org/TR/CSS2/page.html#page-area">page area</a> for paged media.
- The 'direction' property of the initial containing block is the same as for the root element.
- </li>
- <li>
- For other elements, if the element's position is <span title="'position'!!''relative''">''relative''</span> or <span title="'position'!!''static''">''static''</span>, the
- containing block is formed by the content edge of the nearest <a href="http://www.w3.org/TR/CSS2/visuren.html#block-boxes">block container</a>
- ancestor box.
- </li>
- <li>
If the element has <span title="'position'!!''fixed''">'positioned: fixed'</span>, the containing block is established by the
<span>viewport</span> in the case of continuous media or the page area in
the case of paged media.
@@ -332,9 +319,9 @@
<h2 id="floats"><dfn title="float|floated box|floating box">Floats</dfn></h2>
<p>
A float is a box that is positioned within content, often left or right on the current
- line. The most interesting characteristic of a float (or "floated" or "floating" box)
- is that content may flow along its side (or be prohibited from doing so by the 'clear'
- property) or around the floated box. See the CSS 2.1 [[!CSS21]]<!--CSS Floats module [[CSS3FLOATS]]--> for
+ line. The most interesting characteristic of a float (or "floated" or "floating" box")
+ is that inline-level content may flow along its side (or be prohibited from doing so by
+ the 'clear' property) or around the floated box. See the CSS 2.1 [[!CSS21]]<!--CSS Floats module [[!CSS3FLOATS]]--> for
details about <a href="http://www.w3.org/TR/CSS2/visuren.html#floats">floating boxes</a>.
</p>
<!-- End section: Floats -->
@@ -371,13 +358,13 @@
<h3 id="relative-positioning"><dfn title="relative positioning|relative position|relatively positioned">Relative Positioning</dfn></h3>
<p>
Once a box has been laid out according to the <span>normal flow</span> or <span title="floats">floated</span>,
- it may be shifted relative to this position. This is called relative positioning.
+ it may be offset relative to this position. This is called relative positioning.
Offsetting a box (B1) in this way has no effect on the box (B2) that follows: B2 is
given a position as if B1 were not offset and B2 is not re-positioned after B1's offset
is applied. This implies that relative positioning may cause boxes to overlap. However,
if relative positioning causes an 'overflow: auto' or 'overflow: scroll' box to have
overflow, the user agent must allow the user to access this content (at its offset
- position), which, through the creation of scrollbars, may affect layout.
+ position), which, through the creation of a scrolling mechanism, may affect layout.
</p>
<p>
A relatively positioned box keeps its <span>normal flow</span> size, including line breaks and the
@@ -434,9 +421,7 @@
'bottom' will be minus the value of 'top').
</p>
<p class="note">
- Note, dynamic movement of relatively positioned boxes can produce animation effects in
- scripting environments (see also the 'visibility' property).
- Although relative positioning may be used as a form of superscripting and subscripting,
+ Note, Although relative positioning could be used as a form of superscripting and subscripting,
the line height is not automatically adjusted to take the positioning into consideration.
See the description of <a href="http://www.w3.org/TR/CSS2/visudet.html#line-height">line height calculations</a> for more information.
</p>
@@ -482,18 +467,11 @@
References in this specification to a <span class="index-def" title="page positioned element/box">page positioned element</span> (or its box) imply
that the element's 'position' property has the value <span title="'position'!!''page''">''page''</span>.
</p>
- <p class="note">
- When a page positioned element is not within a CSS Region [[!CSS3-REGIONS]] the <span>initial
- containing block</span> is the <span>viewport</span>. This can cause odd behavior for layout of page
- positioned elements where they will all be laid out from the <span>viewport</span> and potentially
- overlap from that location. Authors should be aware how their content will be consumed
- when using page postioning.
- </p>
<!-- End section: Page positioning -->
<h3 id="fixed-positioning"><span class="index-def" title="fixed positioning|fixed position|fixed positioned">Fixed positioning</span></h3>
<p>
- Fixed positioning is a subcategory of absolute positioning. The only difference is that
+ Fixed positioning is similar to absolute positioning. The only difference is that
for a fixed positioned box, the <span>containing block</span> is established by the <span>viewport</span>.
For <a href="http://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a>,
fixed boxes do not move when the document is scrolled. In this respect, they are similar
@@ -506,13 +484,12 @@
</p>
<div class="example">
<p>
- Authors may use fixed positioning to create frame-like presentations. Consider the
- following frame layout:
+ Authors may use fixed positioning to create following presentation:
</p>
<div class="figure">
<p>
<img src="frame.png" alt="Example of frame layout">
- <span class="dlink"> <a name="img-anon-block" href="http://www.w3.org/TR/CSS2/images/longdesc/frame-desc.html" title="Long description for frame layout example">[D]</a></span>
+ <span class="dlink"> <a id="img-anon-block" href="http://www.w3.org/TR/CSS2/images/longdesc/frame-desc.html" title="Long description for frame layout example">[D]</a></span>
</p>
</div>
<p>This might be achieved with the following HTML document and style rules:</p>
@@ -600,6 +577,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td>no</td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>N/A</td>
</tr>
@@ -752,6 +733,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td>no</td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>N/A</td>
</tr>
@@ -830,6 +815,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td><length>, <percentage></td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>refer to height of <span>containing block</span></td>
</tr>
@@ -878,6 +867,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td><length>, <percentage></td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>refer to height of <span>containing block</span></td>
</tr>
@@ -924,6 +917,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td><length>, <percentage></td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>refer to height of <span>containing block</span></td>
</tr>
@@ -970,6 +967,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td><length>, <percentage></td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>refer to height of <span>containing block</span></td>
</tr>
@@ -1539,6 +1540,7 @@
<td><span>same as specified</span></td>
</tr>
</table>
+ <p class="issue">What about new display types, "box, grid, ruby, etc..."?</p>
<!-- End section: Relationships between 'display', 'position', and 'float' -->
<h2 id="comparison-of-flow-floats-absolute-positioning">Comparison of normal flow, floats, and absolute positioning</h2>
@@ -1603,7 +1605,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-generic.png" alt="Image illustrating the normal flow of text between parent and sibling boxes.">
- <span class="dlink"> <a name="img-flow-generic" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-generic-desc.html" title="Long description for normal flow example">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-generic" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-generic-desc.html" title="Long description for normal flow example">[D]</a></span>
</p>
</div>
<!-- End section: Normal flow -->
@@ -1635,7 +1637,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-relative.png" alt="Image illustrating the effects of relative positioning on a box's content.">
- <span class="dlink"> <a name="img-flow-relative" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-relative-desc.html" title="Long description for relative positioning example">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-relative" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-relative-desc.html" title="Long description for relative positioning example">[D]</a></span>
</p>
</div>
<p class="note">
@@ -1664,7 +1666,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-float.png" alt="Image illustrating the effects of floating a box.">
- <span class="dlink"> <a name="img-flow-float" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-float-desc.html" title="Long description of example illustrating floating">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-float" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-float-desc.html" title="Long description of example illustrating floating">[D]</a></span>
</p>
</div>
<p>
@@ -1703,7 +1705,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-clear.png" alt="Image illustrating the effects of floating a box without setting the clear property to control the flow of text around the box.">
- <span class="dlink"> <a name="img-flow-clear" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear-desc.html" title="Long description of example illustrating floating without clear">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-clear" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear-desc.html" title="Long description of example illustrating floating without clear">[D]</a></span>
</p>
</div>
<p>
@@ -1721,7 +1723,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-clear2.png" alt="Image illustrating the effects of floating an element with setting the clear property to control the flow of text around the element.">
- <span class="dlink"> <a name="img-flow-clear2" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear2-desc.html" title="Long description of example illustrating floating with clear">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-clear2" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-clear2-desc.html" title="Long description of example illustrating floating with clear">[D]</a></span>
</p>
</div>
<!-- End section: floating a box -->
@@ -1753,7 +1755,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-absolute.png" alt="Image illustrating the effects of absolutely positioning a box.">
- <span class="dlink"> <a name="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
</p>
</div>
<p>
@@ -1782,7 +1784,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-abs-rel.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block.">
- <span class="dlink"> <a name="img-flow-abs-rel" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-abs-rel-desc.html" title="Long description for example illustrating positioning with respect to a positioned ancestor">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-abs-rel" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-abs-rel-desc.html" title="Long description for example illustrating positioning with respect to a positioned ancestor">[D]</a></span>
</p>
</div>
<p>If we do not position the <em>outer</em> box:</p>
@@ -1805,7 +1807,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-static.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block established by a normally positioned parent.">
- <span class="dlink"> <a name="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating absolute positioning with respect to the initial containing block">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating absolute positioning with respect to the initial containing block">[D]</a></span>
</p>
</div>
<p>
@@ -1825,7 +1827,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/changebar.png" alt="Image illustrating the use of floats to create a changebar effect.">
- <span class="dlink"> <a name="img-changebar" href="http://www.w3.org/TR/CSS2/images/longdesc/changebar-desc.html" title="Long description for change bar example">[D]</a></span>
+ <span class="dlink"> <a id="img-changebar" href="http://www.w3.org/TR/CSS2/images/longdesc/changebar-desc.html" title="Long description for change bar example">[D]</a></span>
</p>
</div>
<p>
@@ -1865,7 +1867,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-absolute.png" alt="Image illustrating the effects of absolutely positioning a box.">
- <span class="dlink"> <a name="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-absolute" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-absolute-desc.html" title="Long description for example illustrating absolute positioning">[D]</a></span>
</p>
</div>
<p>
@@ -1895,7 +1897,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-static.png" alt="Image illustrating the effects of page positioning a box with respect to the initial containing block.">
- <span class="dlink"> <a name="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
</p>
</div>
<p>If we do not position the <em>outer</em> box:</p>
@@ -1917,7 +1919,7 @@
<div class="figure">
<p>
<img src="http://www.w3.org/TR/CSS2/images/flow-static.png" alt="Image illustrating the effects of page positioning a box with respect to the initial containing block.">
- <span class="dlink"> <a name="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
+ <span class="dlink"> <a id="img-flow-static" href="http://www.w3.org/TR/CSS2/images/longdesc/flow-static-desc.html" title="Long description illustrating page positioning with respect to the initial containing block.">[D]</a></span>
</p>
</div>
<!-- End section: Page positioning -->
@@ -1951,6 +1953,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td><shape></td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>N/A</td>
</tr>
@@ -2129,6 +2135,10 @@
<td>no</td>
</tr>
<tr>
+ <th>Animatable:</th>
+ <td><integer></td>
+ </tr>
+ <tr>
<th>Percentages:</th>
<td>N/A</td>
</tr>
@@ -2386,7 +2396,8 @@
</ol>
</li>
</ol>
- For inline-block and inline-table elements:
+ </li>
+ <li>For inline-block and inline-table elements:
<ol>
<li>
For each one of these, treat the element as if it
@@ -2396,7 +2407,8 @@
parent stacking context, not this new one.
</li>
</ol>
- For inline-level replaced elements:
+ </li>
+ <li>For inline-level replaced elements:
<ol>
<li>the replaced content, atomically.</li>
</ol>
Received on Friday, 28 October 2011 00:10:23 UTC