Skip to content

Commit ebadb38

Browse files
committed
expand purely-physical list
1 parent ae767c6 commit ebadb38

2 files changed

Lines changed: 41 additions & 32 deletions

File tree

css3-writing-modes/Overview.html

Lines changed: 39 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -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 &lsquo;<code
2460-
class=css>direction: ltr; writing-mode: vertical-lr; text-orientation:
2461-
vertical-right</code>&rsquo;, &lsquo;<code
2462-
class=property>padding-top</code>&rsquo; would give its start padding, and
2463-
&lsquo;<code class=property>padding-left</code>&rsquo; 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 &lsquo;<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+
(&lsquo;<code class=property>float</code>&rsquo;, &lsquo;<code
2462+
class=property>clear</code>&rsquo;, &lsquo;<a href="#top"><code
24692463
class=property>top</code></a>&rsquo;, &lsquo;<a href="#bottom"><code
24702464
class=property>bottom</code></a>&rsquo;, &lsquo;<a href="#left"><code
2471-
class=property>left</code></a>&rsquo;, and &lsquo;<a href="#right"><code
2472-
class=property>right</code></a>&rsquo; 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>&rsquo;, &lsquo;<a href="#right"><code
2466+
class=property>right</code></a>&rsquo;) 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 &lsquo;<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 &lsquo;<code
2567-
class=property>background-repeat</code>&rsquo;
2568-
25692560
<li>the &lsquo;<code class=css>rect()</code>&rsquo; notation of the
25702561
&lsquo;<code class=property>clip</code>&rsquo; 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 &lsquo;<code
25742572
class=property>box-shadow</code>&rsquo; and &lsquo;<code
25752573
class=property>text-shadow</code>&rsquo; 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&#229;kon Wium Lie. <a

css3-writing-modes/Overview.src.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1903,8 +1903,9 @@ <h3 id="physical-only">
19031903
and do not respond to changes in writing mode:
19041904

19051905
<ul>
1906-
<li>all values of 'background-repeat'
19071906
<li>the ''rect()'' notation of the 'clip' property [[!CSS21]]
1907+
<li>the background properties [[!CSS21]] [[!CSS3BG]]
1908+
<li>the border-image properties [[!CSS3BG]]
19081909
<li>the offsets of the 'box-shadow' and 'text-shadow' properties
19091910
</ul>
19101911

0 commit comments

Comments
 (0)