@@ -2455,41 +2455,35 @@ <h3 id=logical-direction-layout><span class=secno>7.4. </span>
24552455 Flow-Relative Mappings</ h3 >
24562456
24572457 < p > Flow-relative directions are calculated with respect to the writing mode
2458- of the element and used to abstract layout related to padding and border
2459- properties. For example, if an element had computed values of ‘< code
2460- class =css > direction: ltr; writing-mode: vertical-lr; text-orientation:
2461- vertical-right</ code > ’, ‘< code
2462- class =property > padding-top</ code > ’ would give its start padding, and
2463- ‘< code class =property > padding-left</ code > ’ would give its
2464- before padding.
2465-
2466- < p > Flow-relative directions are calculated with respect to the writing mode
2467- of the < em > parent</ em > of the element and used to abstract layout related
2468- to the margin properties and the ‘< a href ="#top "> < code
2458+ of the < em > containing block</ em > of the element and used to abstract
2459+ layout rules related to the box properties (margins, borders, padding) and
2460+ any properties related to positioning the box within its containing block
2461+ (‘< code class =property > float</ code > ’, ‘< code
2462+ class =property > clear</ code > ’, ‘< a href ="#top "> < code
24692463 class =property > top</ code > </ a > ’, ‘< a href ="#bottom "> < code
24702464 class =property > bottom</ code > </ a > ’, ‘< a href ="#left "> < code
2471- class =property > left</ code > </ a > ’, and ‘< a href ="#right "> < code
2472- class =property > right</ code > </ a > ’ properties. (For the root element,
2473- which has no parent, the values of the writing mode of the element is used
2474- instead.)
2465+ class =property > left</ code > </ a > ’, ‘< a href ="#right "> < code
2466+ class =property > right</ code > </ a > ’) For inline-level elements, the
2467+ writing mode of the < em > parent element</ em > is used instead.
2468+
2469+ < p > For example, the margin that is dropped when a box's inline dimension is
2470+ < a
2471+ href ="http://www.w3.org/TR/CSS21/visudet.html#blockwidth "> over-constrained</ a >
2472+ is the end margin as determined by the writing mode of the containing
2473+ block.
24752474
24762475 < p > The < a
24772476 href ="http://www.w3.org/TR/CSS21/box.html#collapsing-margins "> margin
24782477 collapsing rules</ a > apply exactly with the < em > before margin</ em >
24792478 substituted for the top margin and the < em > after margin</ em > substituted
2480- for the bottom margin. Similarly the padding and border on the same side
2481- as the before margin is substituted for the top padding and border, and
2482- the padding and border on the same side as the after margin for the bottom
2483- padding and border. Note this means only before and after margins ever
2484- collapse.
2485-
2486- < p class =note > The parent element is used instead of the containing block,
2487- because the benefit of using the containing block is very rare, but the
2488- cost to implement it is rather high for implementations that do
2489- abstract-physical mapping at cascade time.
2490-
2491- < p > The start and end directions are also used for inline layout as follows:
2492-
2479+ for the bottom margin. Similarly the before padding and border are
2480+ substituted for the top padding and border, and the after padding and
2481+ border substituted for the bottom padding and border. Note this means only
2482+ before and after margins ever collapse.
2483+
2484+ < p > Flow-relative directions are calculated with respect to the writing mode
2485+ of the element and used to abstract layout related to the element's
2486+ contents:
24932487
24942488 < ul >
24952489 < li > The initial value of the ‘< code
@@ -2563,13 +2557,17 @@ <h3 id=physical-only><span class=secno>7.6. </span> Purely Physical
25632557 respond to changes in writing mode:
25642558
25652559 < ul >
2566- < li > all values of ‘< code
2567- class =property > background-repeat</ code > ’
2568-
25692560 < li > the ‘< code class =css > rect()</ code > ’ notation of the
25702561 ‘< code class =property > clip</ code > ’ property < a href ="#CSS21 "
25712562 rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a >
25722563
2564+ < li > the background properties < a href ="#CSS21 "
2565+ rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > < a href ="#CSS3BG "
2566+ rel =biblioentry > [CSS3BG]<!--{{!CSS3BG}}--> </ a >
2567+
2568+ < li > the border-image properties < a href ="#CSS3BG "
2569+ rel =biblioentry > [CSS3BG]<!--{{!CSS3BG}}--> </ a >
2570+
25732571 < li > the offsets of the ‘< code
25742572 class =property > box-shadow</ code > ’ and ‘< code
25752573 class =property > text-shadow</ code > ’ properties
@@ -3228,6 +3226,16 @@ <h3 class=no-num id=normative-references> Normative references</h3>
32283226 </ dd >
32293227 <!---->
32303228
3229+ < dt id =CSS3BG > [CSS3BG]
3230+
3231+ < dd > Bert Bos; Elika J. Etemad; Brad Kemper. < a
3232+ href ="http://www.w3.org/TR/2011/CR-css3-background-20110215 "> < cite > CSS
3233+ Backgrounds and Borders Module Level 3.</ cite > </ a > 15 February 2011. W3C
3234+ Candidate Recommendation. (Work in progress.) URL: < a
3235+ href ="http://www.w3.org/TR/2011/CR-css3-background-20110215 "> http://www.w3.org/TR/2011/CR-css3-background-20110215</ a >
3236+ </ dd >
3237+ <!---->
3238+
32313239 < dt id =CSS3COL > [CSS3COL]
32323240
32333241 < dd > Håkon Wium Lie. < a
0 commit comments