- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 03 May 2011 19:32:48 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-writing-modes
In directory hutz:/tmp/cvs-serv18254
Modified Files:
Overview.html Overview.src.html
Log Message:
Rework box model for inline bidi section
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.html,v
retrieving revision 1.103
retrieving revision 1.104
diff -u -d -r1.103 -r1.104
--- Overview.html 3 May 2011 02:20:35 -0000 1.103
+++ Overview.html 3 May 2011 19:32:46 -0000 1.104
@@ -730,12 +730,6 @@
element are closed at the paragraph break and reopened on the other side
of it.)
- <p>Please note that in order to be able to flow inline boxes in a uniform
- direction (either entirely left-to-right or entirely right-to-left), more
- inline boxes (including anonymous inline boxes) may have to be created,
- and some inline boxes may have to be split up and reordered before
- flowing.
-
<p>Because the Unicode algorithm has a limit of <em title="According to
unicode 3.0, chapter 3, section 12, definition BD2. Specifically, page 58
here: http://www.unicode.org/unicode/uni2book/ch03.pdf"> 61 levels</em> of
@@ -856,34 +850,57 @@
<h3 id=bidi-box-model><span class=secno>2.4. </span>Box model for inline
elements in bidirectional context</h3>
+
+ <p>Since bidi reordering can split apart and reorder text that is logically
+ contiguous, bidirectional text can cause an inline boxes to be split and
+ reordered within a line.
+
+ <p class=note>Note that in order to be able to flow inline boxes in a
+ uniform direction (either entirely left-to-right or entirely
+ right-to-left), anonymous inline boxes may have to be created.</p>
<!-- CSS2.1 8.6 -->
<p>For each line box, UAs must take the inline boxes generated for each
element and render the margins, borders and padding in visual order (not
- logical order).
+ logical order). The <a href="#start"><i>start</i></a>-most box on the
+ first line box in which the element appears has the <a
+ href="#start"><i>start</i></a> edge's margin, border, and padding; and the
+ end-most box on the last line box in which the element appears has the <a
+ href="#end"><i>end</i></a> edge's margin, border, and padding. For
+ example, in the ‘<a href="#horizontal-tb"><code
+ class=css>horizontal-tb</code></a>’ writing mode:
- <p>When the element's ‘<a href="#direction0"><code
- class=property>direction</code></a>’ property is ‘<a
- href="#ltr"><code class=css>ltr</code></a>’, the left-most generated
- box of the first line box in which the element appears has the left
- margin, left border and left padding, and the right-most generated box of
- the last line box in which the element appears has the right padding,
- right border and right margin.
+ <ul>
+ <li>When the element's ‘<a href="#direction0"><code
+ class=property>direction</code></a>’ property is ‘<a
+ href="#ltr"><code class=css>ltr</code></a>’, the left-most
+ generated box of the first line box in which the element appears has the
+ left margin, left border and left padding, and the right-most generated
+ box of the last line box in which the element appears has the right
+ padding, right border and right margin.
- <p>When the element's ‘<a href="#direction0"><code
- class=property>direction</code></a>’ property is ‘<a
- href="#rtl"><code class=css>rtl</code></a>’, the right-most
- generated box of the first line box in which the element appears has the
- right padding, right border and right margin, and the left-most generated
- box of the last line box in which the element appears has the left margin,
- left border and left padding.
+ <li>When the element's ‘<a href="#direction0"><code
+ class=property>direction</code></a>’ property is ‘<a
+ href="#rtl"><code class=css>rtl</code></a>’, the right-most
+ generated box of the first line box in which the element appears has the
+ right padding, right border and right margin, and the left-most generated
+ box of the last line box in which the element appears has the left
+ margin, left border and left padding.
+ </ul>
+
+ <p>Analogous rules hold for vertical writing modes.
+
+ <p class=note>The ‘<code
+ class=property>box-decoration-break</code>’ property can override
+ this behavior to draw box decorations on both sides of each box. <a
+ href="#CSS3BG" rel=biblioentry>[CSS3BG]<!--{{CSS3BG}}--></a>
<h2 id=vertical-intro><span class=secno>3. </span> Introduction to Vertical
Text</h2>
- <p>In addition to extensions to CSS2.1‘<code class=css>s support for
- bidirectional text, this module introduces the rules and properties needed
- to support vertical text layout in CSS. </code>
+ <p>In addition to extensions to CSS2.1’s support for bidirectional
+ text, this module introduces the rules and properties needed to support
+ vertical text layout in CSS.
<p>Unlike languages that use the Latin script which are primarily laid out
horizontally, Asian languages such as Chinese and Japanese can be laid out
@@ -920,10 +937,9 @@
<div class=figure>
<p><img alt="A dictionary definition for ヴィルス
- might write the English word </code>’virus' rotated 90°
- clockwise, but stack the letters of the initialisms ‘<code
- class=property>RNA</code>’ and ‘<code
- class=property>DNA</code>’ upright." src=vert-latin-layouts.png></p>
+ might write the English word 'virus' rotated 90° clockwise, but stack
+ the letters of the initialisms 'RNA' and 'DNA' upright."
+ src=vert-latin-layouts.png></p>
<p class=caption>Examples of Latin in vertical Japanese: Daijirin Viewer
1.4 (iOS)</p>
@@ -2971,6 +2987,16 @@
<dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
<!---->
+ <dt id=CSS3BG>[CSS3BG]
+
+ <dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a
+ href="http://www.w3.org/TR/2011/CR-css3-background-20110215"><cite>CSS
+ Backgrounds and Borders Module Level 3.</cite></a> 15 February 2011. W3C
+ Candidate Recommendation. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/CR-css3-background-20110215">http://www.w3.org/TR/2011/CR-css3-background-20110215</a>
+ </dd>
+ <!---->
+
<dt id=CSS3COLOR>[CSS3COLOR]
<dd>Tantek Çelik; Chris Lilley; L. David Baron. <a
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.src.html,v
retrieving revision 1.107
retrieving revision 1.108
diff -u -d -r1.107 -r1.108
--- Overview.src.html 3 May 2011 02:20:35 -0000 1.107
+++ Overview.src.html 3 May 2011 19:32:46 -0000 1.108
@@ -436,12 +436,6 @@
levels or overrides started by the element are closed at the paragraph
break and reopened on the other side of it.)
- <p>Please note that in order to be able to flow inline boxes in a
- uniform direction (either entirely left-to-right or entirely
- right-to-left), more inline boxes (including anonymous inline boxes)
- may have to be created, and some inline boxes may have to be split up
- and reordered before flowing.</p>
-
<p>Because the Unicode algorithm has a limit of
<em title="According to unicode 3.0, chapter 3, section 12, definition BD2.
Specifically, page 58 here: http://www.unicode.org/unicode/uni2book/ch03.pdf">
@@ -557,27 +551,44 @@
</div><!-- example -->
<h3 id="bidi-box-model">Box model for inline elements in bidirectional context</h3>
+
+ <p>Since bidi reordering can split apart and reorder text that is
+ logically contiguous, bidirectional text can cause an inline boxes
+ to be split and reordered within a line.
+
+ <p class="note">Note that in order to be able to flow inline boxes in a
+ uniform direction (either entirely left-to-right or entirely
+ right-to-left), anonymous inline boxes may have to be created.</p>
+
<!-- CSS2.1 8.6 -->
<p>For each line box, UAs must take the inline boxes generated for each
element and render the margins, borders and padding in visual order
- (not logical order).
-
- <p>When the element's 'direction' property is ''ltr'', the left-most
- generated box of the first line box in which the element appears
- has the left margin, left border and left padding, and the right-most
- generated box of the last line box in which the element appears has
- the right padding, right border and right margin.
+ (not logical order). The <i>start</i>-most box on the first line box
+ in which the element appears has the <i>start</i> edge's margin, border,
+ and padding; and the end-most box on the last line box in which the
+ element appears has the <i>end</i> edge's margin, border, and padding.
+ For example, in the ''horizontal-tb'' writing mode:
+ <ul>
+ <li>When the element's 'direction' property is ''ltr'', the left-most
+ generated box of the first line box in which the element appears
+ has the left margin, left border and left padding, and the right-most
+ generated box of the last line box in which the element appears has
+ the right padding, right border and right margin.
+ <li>When the element's 'direction' property is ''rtl'', the right-most
+ generated box of the first line box in which the element appears has
+ the right padding, right border and right margin, and the left-most
+ generated box of the last line box in which the element appears has
+ the left margin, left border and left padding.
+ </ul>
+ <p>Analogous rules hold for vertical writing modes.</p>
- <p>When the element's 'direction' property is ''rtl'', the right-most
- generated box of the first line box in which the element appears has
- the right padding, right border and right margin, and the left-most
- generated box of the last line box in which the element appears has
- the left margin, left border and left padding.
+ <p class="note">The 'box-decoration-break' property can override this
+ behavior to draw box decorations on both sides of each box. [[CSS3BG]] </p>
<h2 id="vertical-intro">
Introduction to Vertical Text</h2>
- <p>In addition to extensions to CSS2.1's support for bidirectional text,
+ <p>In addition to extensions to CSS2.1’s support for bidirectional text,
this module introduces the rules and properties needed to support vertical
text layout in CSS.
Received on Tuesday, 3 May 2011 19:32:50 UTC