FFFF [css-writing-modes] Reorder some paragraphs and examples to put examp… · w3c/csswg-drafts@09d0c42 · GitHub
Skip to content

Commit 09d0c42

Browse files
fantasaifantasai
committed
[css-writing-modes] Reorder some paragraphs and examples to put examples closer to their normative text.
1 parent 35f72eb commit 09d0c42

1 file changed

Lines changed: 23 additions & 23 deletions

File tree

‎css-writing-modes/Overview.bs‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -810,29 +810,6 @@ Block Flow Direction: the 'writing-mode' property</h3>
810810
is horizontal or vertical.
811811
The 'text-orientation' property then determines how text is laid out within the line box.
812812

813-
<p>The <dfn export id="principal-writing-mode">principal writing mode</dfn> of the
814-
document is determined by the 'writing-mode' and 'direction' values
815-
specified on the root element. This writing mode is used, for example,
816-
to determine the default page progression direction. (See [[CSS3PAGE]].)
817-
Like 'direction', the 'writing-mode' value of the root element is also
818-
propagated to the initial containing block and sets the block flow
819-
direction of the initial block formatting context.
820-
821-
<p class="note">Note that the 'writing-mode' property of the HTML BODY
822-
element is <em>not</em> propagated to the viewport. That special
823-
behavior only applies to the background and overflow properties.
824-
825-
<p>If a box has a different block flow direction than its containing
826-
block:
827-
<ul>
828-
<li>If the box has a specified 'display' of ''display/inline'', its 'display'
829-
computes to ''inline-block''. [[!CSS21]]
830-
<li>If the box has a specified 'display' of ''run-in'', its 'display'
831-
computes to ''display/block''. [[!CSS21]]
832-
<li>If the box is a block container, then it establishes a new block
833-
formatting context.
834-
</ul>
835-
836813
<p>The content of replaced elements do not rotate due to the writing mode:
837814
images, for example, remain upright. However replaced content
838815
involving text (such as MathML content or form elements) should match
@@ -891,6 +868,17 @@ Block Flow Direction: the 'writing-mode' property</h3>
891868
src="vertical-form.png"></p>
892869
</div>
893870

871+
<p>If a box has a different block flow direction than its containing
872+
block:
873+
<ul>
874+
<li>If the box has a specified 'display' of ''display/inline'', its 'display'
875+
computes to ''inline-block''. [[!CSS21]]
876+
<li>If the box has a specified 'display' of ''run-in'', its 'display'
877+
computes to ''display/block''. [[!CSS21]]
878+
<li>If the box is a block container, then it establishes a new block
879+
formatting context.
880+
</ul>
881+
894882
<div class="example">
895883
<p>In this example, 'writing-mode' sets the list markers upright
896884
using the ''::marker'' pseudo-element. Vertical alignment ensures
@@ -907,6 +895,18 @@ Block Flow Direction: the 'writing-mode' property</h3>
907895
</div>
908896
</div>
909897

898+
<p>The <dfn export id="principal-writing-mode">principal writing mode</dfn> of the
899+
document is determined by the 'writing-mode' and 'direction' values
900+
specified on the root element. This writing mode is used, for example,
901+
to determine the default page progression direction. (See [[CSS3PAGE]].)
902+
Like 'direction', the 'writing-mode' value of the root element is also
903+
propagated to the initial containing block and sets the block flow
904+
direction of the initial block formatting context.
905+
906+
<p class="note">Note that the 'writing-mode' property of the HTML BODY
907+
element is <em>not</em> propagated to the viewport. That special
908+
behavior only applies to the background and overflow properties.
909+
910910
<h4 id="svg-writing-mode">
911911
SVG1.1 'writing-mode' Values</h4>
912912

0 commit comments

Comments
 (0)