@@ -9,17 +9,17 @@ ED: http://dev.w3.org/csswg/css-writing-modes-3/
99TR : http://www.w3.org/TR/css-writing-modes-3/
1010Previous Version : http://www.w3.org/TR/2014/CR-css-writing-modes-3-20140320/
1111!Issue Tracking : <a href="http://www.w3.org/Style/CSS/Tracker/products/30">http://www.w3.org/Style/CSS/Tracker/products/30</a>
12- Editor : fantasai, Invited Expert, http://fantasai.inkedblade.net/contact
12+ Editor : Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact
1313Editor : Koji Ishii, Google, kojiishi@gmail.com
14- Former Editor : Shinyu Murakami, <a href="http://www.antenna.co.jp/"> Antenna House</a> , murakami@antenna.co.jp
15- Former Editor : Paul Nelson, <a href="http://www.microsoft.com/"> Microsoft</a> , paulnel@microsoft.com
16- Former Editor : Michel Suignard, <a href="http://www.microsoft.com/"> Microsoft</a> , michelsu@microsoft.com
14+ Former Editor : Shinyu Murakami, Antenna House, murakami@antenna.co.jp
15+ Former Editor : Paul Nelson, Microsoft, paulnel@microsoft.com
16+ Former Editor : Michel Suignard, Microsoft, michelsu@microsoft.com
1717Abstract : CSS Writing Modes Level 3 defines CSS support for various international writing modes, such as left-to-right (e.g. Latin or Indic), right-to-left (e.g. Hebrew or Arabic), bidirectional (e.g. mixed Latin and Arabic) and vertical (e.g. Asian scripts).
1818At Risk : The ''use-glyph-orientation'' of 'text-orientation'
1919At Risk : The ''digits'' value of 'text-combine-upright'.
2020At Risk : The look-ahead/look-behind sequencing rules for 'text-combine-upright'.
2121Ignored Terms : glyph orientation, *-left, *-right, *-top, *-bottom, block containers, text-combine-mode
22- Link Defaults : css21 (property) display/min-height/max-height/min-width/max-width/clip, css-text-3 (property) letter-spacing, css-text-decor-3 (property) text-decoration, svg2 (property) glyph-orientation-vertical/glyph-orientation-horizontal
22+ Link Defaults : css21 (property) display/min-height/max-height/min-width/max-width/clip/left/right/bottom/top , css-text-3 (property) letter-spacing, css-text-decor-3 (property) text-decoration, svg2 (property) glyph-orientation-vertical/glyph-orientation-horizontal
2323</pre>
2424
2525<style>
@@ -465,7 +465,7 @@ Embeddings and Overrides: the 'unicode-bidi' property</h3>
465465 should be used with extreme caution. However, for elements that are,
466466 in general, intended to be displayed as blocks, a setting of
467467 ''unicode-bidi: isolate'' is preferred to keep the element together
468- in case the 'display' is changed to ''inline''
468+ in case the 'display' is changed to ''display/ inline''
469469 (see example below).</p>
470470
471471<h3 id="bidi-example">
@@ -742,10 +742,10 @@ Block Flow Direction: the 'writing-mode' property</h3>
742742 <p> If a box has a different block flow direction than its containing
743743 block:
744744 <ul>
745- <li> If the box has a specified 'display' of ''inline'' , its 'display'
745+ <li> If the box has a specified 'display' of ''display/ inline'' , its 'display'
746746 computes to ''inline-block'' . [[!CSS21]]
747747 <li> If the box has a specified 'display' of ''run-in'' , its 'display'
748- computes to ''block'' . [[!CSS21]]
748+ computes to ''display/ block'' . [[!CSS21]]
749749 <li> If the box is a block container, then it establishes a new block
750750 formatting context.
751751 </ul>
@@ -982,14 +982,14 @@ Baseline Alignment</h3>
982982 The glyphs are aligned by matching up the positions of the dominant
983983 baseline in their corresponding fonts.
984984 <li><strong> Aligning a child inline-level box within its parent.</strong>
985- For the 'vertical-align' value of ''baseline'' , child is aligned to
985+ For the 'vertical-align' value of ''vertical-align/ baseline'' , child is aligned to
986986 the parent by matching the parent's dominant baseline to the same
987987 baseline in the child. (E.g. if the parent's dominant baseline is
988988 alphabetic, then the child's alphabetic baseline is matched to the
989989 parent's alphabetic baseline, even if the child's dominant baseline
990990 is something else.)
991991 For values of ''sub'' , ''super'' , ''<length>'' , and
992- ''<percentage>'' , the baselines are aligned as for ''baseline'' ,
992+ ''<percentage>'' , the baselines are aligned as for ''vertical-align/ baseline'' ,
993993 but the child is shifted according to the offset given by its
994994 'vertical-align' value.
995995 <div class="example">
@@ -1403,11 +1403,11 @@ Abstract Dimensions</h3>
14031403 <dd> The axis in the inline dimension, i.e. the <i> horizontal
14041404 axis</i> in horizontal writing modes and the <i> vertical axis</i>
14051405 in vertical writing modes.</dd>
1406- <dt> <dfn lt="block size | block-size">block- size</dfn>
1406+ <dt> <dfn lt="block size | block-size">block size</dfn>
14071407 <dd> A measurement in the block dimension:
14081408 refers to the physical height (vertical dimension) in horizontal writing modes,
14091409 and to the physical width (horizontal dimension) in vertical writing modes.
1410- <dt> <dfn lt="inline size | inline-size">inline- size</dfn>
1410+ <dt> <dfn lt="inline size | inline-size">inline size</dfn>
14111411 <dd> A measurement in the inline dimension:
14121412 refers to the physical width (horizontal dimension) in horizontal writing modes,
14131413 and to the physical height (vertical dimension) in vertical writing modes.
@@ -1728,7 +1728,7 @@ Principles of Layout in Vertical Writing Modes</h3>
17281728 and the first row on the right (the <i> block-start</i> side).
17291729 The table's 'margin-right' and 'margin-left' would collapse
17301730 with margins before (on the right) and after (on the left) the table, respectively,
1731- and if the table had ''auto'' values for 'margin-top' and 'margin-bottom'
1731+ and if the table had ''margin/ auto'' values for 'margin-top' and 'margin-bottom'
17321732 it would be centered vertically within its block flow.
17331733 <div class="figure">
17341734 <p> <a href="diagrams/vertical-table.svg">
@@ -1851,7 +1851,7 @@ Orthogonal Flows</h3>
18511851 <em> containing block</em> of the box establishing the <i> orthogonal flow</i> .
18521852 </ul>
18531853
1854- <p> Since ''auto'' margins are resolved consistent with the containing
1854+ <p> Since ''margin/ auto'' margins are resolved consistent with the containing
18551855 block's writing mode, a box establishing an <i> orthogonal flow</i> can,
18561856 once sized, be aligned or centered within its containing block just
18571857 like other block-level boxes by using auto margins.
@@ -1946,7 +1946,7 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
19461946 thus avoiding T-shaped documents.
19471947 Authors can control the measure of these columns by setting 'column-width' ,
19481948 or disable this behavior by setting the <i> inline-size</i> property
1949- to a non-''width/auto'' value such as ''max-content'' .
1949+ to a non-''width/auto'' value such as ''width/ max-content'' .
19501950 <br style="clear:both;">
19511951 </div>
19521952
@@ -1962,7 +1962,7 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
19621962 </ul>
19631963
19641964 <li><strong> Calculate the used column length:</strong>
1965- If the computed <i> block-size</i> is ''auto''
1965+ If the computed <i> block-size</i> is ''height/ auto''
19661966 and the specified value of at least one of 'column-count' and 'column-width' was ''column-width/auto'' ,
19671967 use the box’s <i> block-size</i> (if that is <i> definite</i> ),
19681968 else the <i> fill-available block-size</i> of the box (if that is <i> definite</i> ),
@@ -2104,16 +2104,16 @@ Line-Relative Mappings</h3>
21042104
21052105 <p> The <i> line-right</i> and <i> line-left</i> directions are calculated
21062106 with respect to the writing mode of the box and used
2107- to interpret the '' left'' and '' right'' values of the
2107+ to interpret the <css> left</css> and <css> right</css> values of the
21082108 following properties:
21092109 <ul>
21102110 <li> the 'text-align' property [[!CSS21]]
21112111 </ul>
21122112
21132113 <p> The <i> line-right</i> and <i> line-left</i> directions are calculated
21142114 with respect to the writing mode of the <em> containing
2115- block</em> of the box and used to interpret the '' left''
2116- and '' right'' values of the following properties:
2115+ block</em> of the box and used to interpret the <css> left</css>
2116+ and <css> right</css> values of the following properties:
21172117 <ul>
21182118 <li> the 'float' property [[!CSS21]]
21192119 <li> the 'clear' property [[!CSS21]]
@@ -2164,25 +2164,25 @@ Table Caption Mappings: the 'caption-side' keywords</h3>
21642164 <dfn value for='caption-side'>block-start</dfn> and <dfn value for='caption-side'>block-end</dfn> ,
21652165 which position the caption before and after the table box, respectively.
21662166 For tables with ''horizontal-tb'' writing mode,
2167- they are equivalent to the existing ''top'' and ''bottom'' values, respectively. [[!CSS21]]
2167+ they are equivalent to the existing ''caption-side/ top'' and ''caption-side/ bottom'' values, respectively. [[!CSS21]]
21682168
21692169 <p class='note'> For implementations that support the ''top-outside''
21702170 and ''bottom-outside'' model, corresponding ''start-outside'' and
21712171 ''end-outside'' are similarly introduced.
21722172
2173- <p> Implementations that support the ''top'' and ''bottom'' values
2173+ <p> Implementations that support the ''caption-side/ top'' and ''caption-side/ bottom'' values
21742174 of the 'caption-side' property but do not support side captions
2175- (i.e. ''left'' and ''right '' captions in horizontal writing modes)
2176- must treat both ''top'' and ''bottom '' as <a value>block-start</a> ,
2175+ (i.e. ''caption-side/ left'' and ''captionright '' captions in horizontal writing modes)
2176+ must treat both ''caption-side/ top'' and ''captionbottom '' as <a value>block-start</a> ,
21772177 when the table is in a vertical writing mode.
21782178
21792179 <p> For implementations that do support side captions
2180- (i.e. the ''left'' and ''right'' values from the obsolete CSS 2.0 specification [[CSS2]] ),
2180+ (i.e. the ''caption-side/ left'' and ''caption-side/ right'' values from the obsolete CSS 2.0 specification [[CSS2]] ),
21812181 this module also introduces the ''inline-start'' and ''inline-end'' values,
21822182 which behave similarly and which position the
21832183 caption on the <i> inline-start</i> and <i> inline-end</i> sides of the table box,
21842184 calculated with respect to the writing mode of the table box.
2185- For such implementations, the ''top'' and ''bottom'' values must place the
2185+ For such implementations, the ''caption-side/ top'' and ''caption-side/ bottom'' values must place the
21862186 caption on the top and bottom sides of the table box, respectively.
21872187
21882188 <p class="note"> The CSS2.0 side caption model had some
@@ -2514,7 +2514,7 @@ Full-width Characters</h5>
25142514<h2 class="no-num" id="changes">Changes</h2>
25152515 <h3 class="no-num" id="changes-201311">
25162516 Changes since the <a href="http://www.w3.org/TR/2014/CR-css-writing-modes-3-20140320/">March
2517- 2014 CSS Writing Modes Module Level 3 Candidate Recommendation</h3 >
2517+ 2014 CSS Writing Modes Module Level 3 Candidate Recommendation</a >
25182518 <ul>
25192519 <li>Fixed orthogonal flows auto-sizing rules to better handle shrink-wrapping.
25202520 </ul>
0 commit comments