# HG changeset patch # User Alan Stearns # Date 1358816520 28800 # Node ID f0fc441a09069fecd6693cb2c754b0354f3839f7 # Parent 863756af5435c7c75b009ce69dbeb3aa768a2851 [css-exclusions] start/end consistency (bug 16437) diff -r 863756af5435 -r f0fc441a0906 css3-exclusions/Exclusions.src.html --- a/css3-exclusions/Exclusions.src.html Mon Jan 21 16:13:22 2013 -0800 +++ b/css3-exclusions/Exclusions.src.html Mon Jan 21 17:02:00 2013 -0800 @@ -257,13 +257,6 @@ -
- Issue-16437 -
-

Consistent use of start/end/top/bottom

-
-
-

The values of this property have the following meanings:

auto
@@ -279,31 +272,48 @@
start
- Inline flow content can flow before the start edge of the exclusion area but - must leave the area after the end edge of the exclusion empty. + Inline flow content can flow + around the start edge + of the exclusion area + but must leave the area + next to the end edge + of the exclusion empty.
end
- Inline flow content can flow after the end edge of the exclusion area but - must leave the area before the start edge of the exclusion empty. + Inline flow content can flow + around the end edge + of the exclusion area + but must leave the area + next to the start edge + of the exclusion empty.
minimum
- Inline flow content can flow on the edge of the exclusion with the smallest - available space within its containing block, and must leave the other edge + Inline flow content can flow + around the edge of the exclusion + with the smallest available space + within the flow content's containing block, + and must leave the other edge of the exclusion empty.
maximum
- Inline flow content can flow on the edge of the exclusion with the largest - available space within its containing block, and must leave the other edge + Inline flow content can flow + around the edge of the exclusion + with the largest available space + within the flow content's containing block, + and must leave the other edge of the exclusion empty.
clear
- Inline flow content can only flow on top and bottom edges of the exclusion - and must leave the areas before the start and after the end edges of the - exclusion empty. + Inline flow content can only flow + before and after the exclusion + in the flow content's block direction + and must leave the areas + next to the start and end edges + of the exclusion empty.
@@ -318,6 +328,13 @@ wrapping context, causing the containing block's descendants to wrap around its exclusion area.

+ +
+ LTR text wrapping on left edge, RTL text wrapping on right edge, and vertical text wrapping on top edge. +

Exclusion with 'wrap-flow: start' interacting with various writing modes.

+
+ +

Determining the relevant edges of the exclusion depends on the writing mode [[!CSS3-WRITING-MODES]] of the content wrapping around the exclusion area.

An exclusion element establishes a new block formatting context (see [[!CSS21]]) for its content.

@@ -328,18 +345,25 @@

- The above figure illustrates how exclusions are combined. The outermost box represents - an element's content box. The A, B, C and D darker gray boxes represent exclusions - in the element's wrapping context. A, B, C and D have their respective 'wrap-flow' - computed to 'both', 'start', 'end' and 'clear' respectively. The lighter gray areas show - the additional areas that are excluded for inline layout as a result of the 'wrap-flow' - value. For example, the area to the right of 'B' cannot be used for inline layout + The above figure illustrates how exclusions are combined. + The outermost box represents an element's content box. + The A, B, C and D darker gray boxes represent exclusions + in the element's wrapping context. + A, B, C and D have their respective 'wrap-flow' + computed to 'both', 'start', 'end' and 'clear' respectively. + The lighter gray areas show the additional areas + that are excluded for inline layout + as a result of the 'wrap-flow'value. + For example, the area to the right of 'B' + cannot be used for inline layout + of left-to-right writing mode content because the 'wrap-flow' for 'B' is 'start'.

- The background 'blue' area shows what areas are available for the element's inline content layout. - All areas represented with a light or dark shade of gray are not available for inline - content layout. + The background 'blue' area shows what areas are available + for a left-to-right writing mode element's inline content layout. + All areas represented with a light or dark shade of gray + are not available for (left-to-right writing mode) inline content layout.

@@ -1615,33 +1639,33 @@

Overflow content can overlap - the bottom edge of a shape, + the after edge of a shape, and overflow content can be displayed below the content area defined by shape. When content overflows in the block direction, the last line in the content area determines its width(s) by finding the minimum shape width(s) in the remaining area - between the line's top edge - and the shape's bottom edge. + between the line's before edge + and the shape's after edge. This can result - in the line intersecting the shape's bottom edge, + in the line intersecting the shape's after edge, or a zero-width line - if (for instance) the shape's bottom edge + if (for instance) the shape's after edge is a continuous curve. In degenerate cases, there may be no content that fits inside the content area defined by the shape. Further overflow is laid out - below the bottom edge + below the after edge of the shape's bounding box as if 'shape-inside' computes to 'auto'.

Overflow interacting with rounded rect Overflow interacting with ellipse -

Overflow interacting with the bottom edge of shapes defined by 'shape-inside' and 'shape-padding'.

+

Overflow interacting with the after edge of shapes defined by 'shape-inside' and 'shape-padding'.

@@ -2033,6 +2057,7 @@ Daniel Glazman, Arno Gourdol, Chris Jones, + Bem Jones-Bey, Marcus Mielke, Alex Mogilevsky, Hans Muller, @@ -2074,6 +2099,8 @@

Since May 3rd 2012