双向的テキストの例として,アラビア語の文章 内のラテン名が挙げられる。
文章全体は,左向きに植字されるが、途中に現れるラテン単語の中の字は,右向きに植字される。 日本語における横書きと縦書きの比較を示す図
—
行たちは 90 度 回転されつつ,文字は正立のままにされる。
しかしながら、一部のグリフは,変化する:
終止符は、そのグリフボックスの左下隅から右上隅へ移動する。
しかしながら、欄外見出しは,横方向のまま頁の上端にレイアウトされ得る。 辞書におけるヴィルスの記述では、英単語 “virus” を 90°時計回りに回転させつつ,頭字語 “RNA” と “DNA” の各字を正立に堆積させるであろう。 雑誌 MacFan から抜粋された記事に見られる,縦書きにおいて生じ得る数字のレイアウトを示す:
2 桁の月/日は,縦書き内の横書きブロックとして記される一方で、年は,各文字が正立に記される
— 英語の句 “for Mac 2011” の中を除いて:そこでの日付は,ラテン形のまま回転される。 雑誌では,横書きと縦書きによるレイアウトが混在されることが多い。
例えば、主内容の論説記事には一方の方位を利用し, もう一方を補助的な内容に利用するなど。 横書きレイアウトによる図式:ブロック 1, 2, 3 は,下向きに堆積されていく 左向き縦書きレイアウトに対する図式:ブロック 1, 2, 3 は、右から左に横並びに配列される 右向き縦書きレイアウトに対する図式:ブロック 1, 2, 3 は、左から右に横並びに配列される 縦書きレイアウトのスクリーンショット:
input 要素は,上端から下端へ縦長にされ、その内容は,その外側の label に合わせて縦書きタイポグラフィックモードで描画される。
後続のドロップダウン セレクト コントロールは、横組のときのような下方ではなく,(ブロックの後方の)側方へ伸びる。 フォントサイズが異なる 2 つの alphabetic テキストに対し,基底線と em-box を示す図 ラテンは alphabetic 基底線を選好する
— 大部分の字は,その上に載り、一部の字は,その下へ垂れるディセンダを持つ。
Indic 用字系には、吊り下げ( hanging )基底線で植字するものもある
— それらのグリフ形状は,横方向の線から吊り下がるように現れる。
漢字に基づく体系では、各グリフが平方を埋めるようにデザインされ,それらの下端が整列される傾向にある。 この例では、結果の整列は、親の基底線テーブルを,上付文字オフセットにより上方へずらした上で、子の alphabetic 基底線を,そのずらされた親の alphabetic 基底線の位置に整列することと等価になる。 これらの区別は 2 円によるベン図で示し得る:
一方は “縦書き = vertical”,
他方は “横書き = horizontal”
とラベルが付与されている。
2 円が重なり合う領域は,双方位的 = bi-orientational 用字系を表現し、その外の各円内の領域が 横書きのみ/縦書きのみ の用字系を表現する。 グリフを横書きから縦書きに回転する グリフを横書きから縦書きに並進する text-orientation: mixed text-orientation: upright text-orientation: sideways 英語が混在するモンゴル語 行 方位コンパスの図 正立グリフの基底線は、上端中央から縦方向に描かれる 縦書きブロック整形 文脈において vertical-rl が混在する rtl テーブルの図式
— 上述の様な row, cell, col の順序付けの様子 2 個の横書きフローボックスの合間に現れる縦書きフローボックスの図式 文書が T 字形にならないようにする複 column が自動的に誘発される 縦中横の図式 — 
縦書きテキストの中で、横並びにされた,半角の 2 個の数字からなる日付を示す
<p>あれは10,000円ですよ!</p>
text-combine-upright: digits による,上のマークアップの描画:
数の中の最初の 2 個の数字は,縦中横として描画される一方、残りの数字は側転に描画される。
W3C

CSS Writing Modes Level 3

2016 年 11 月 12 日付 W3C 編集者草案

このバージョン
編集者草案
https://drafts.csswg.org/css-writing-modes-3/
最新発行バージョン
https://www.w3.org/TR/css-writing-modes-3/
以前のバージョン
https://www.w3.org/TR/2015/CR-css-writing-modes-3-20151215/
テスト一式
http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/
最新の課題
仕様内
http://www.w3.org/Style/CSS/Tracker/products/30
編集
Elika J. Etemad / fantasai (Invited Expert)
Koji Ishii (Google)
前任編集者
Shinyu Murakami (Antenna House)
Paul Nelson (Microsoft)
Michel Suignard (Microsoft)
Copyright © 2016 W3C® (MIT, ERCIM, Keio, Beihang). W3C liability, trademark and document use rules apply.

適合性

【 この節の内容は、 勧告候補からの昇格基準 も含め, CSS 日本語訳 共通ページ に委譲 】

参照文献

文献(規範)

[CSS-BACKGROUNDS-3]
CSS Backgrounds and Borders Module Level 3
https://drafts.csswg.org/css-backgrounds-3/
[CSS-DISPLAY-3]
Tab Atkins Jr.; Elika Etemad. CSS Display Module Level 3.
http://dev.w3.org/csswg/css-display/
[CSS-IMAGES-3]
CSS Image Values and Replaced Content Module Level 3
https://drafts.csswg.org/css-images-3/
[CSS-MASKING-1]
Dirk Schulze; Brian Birtles; Tab Atkins Jr.. CSS Masking Module Level 1.
http://dev.w3.org/fxtf/css-masking-1/
[CSS-MULTICOL-1]
CSS Multi-column Layout Module Level 1
https://drafts.csswg.org/css-multicol-1/
[CSS-PAGE-3]
CSS Paged Media Module Level 3
https://drafts.csswg.org/css-page-3/
[CSS-POSITION-3]
Rossen Atanassov; Arron Eicholz. CSS Positioned Layout Module Level 3.
https://drafts.csswg.org/css-position/
[CSS-RUBY-1]
Elika Etemad; Koji Ishii. CSS Ruby Layout Module Level 1.
http://dev.w3.org/csswg/css-ruby-1/
[CSS-SIZING-4]
CSS Intrinsic & Extrinsic Sizing Module Level 4
https://drafts.csswg.org/css-sizing-4/
[CSS-TEXT-3]
Elika Etemad; Koji Ishii. CSS Text Module Level 3.
http://dev.w3.org/csswg/css-text-3/
[CSS-VALUES-3]
Tab Atkins Jr.; Elika Etemad. CSS Values and Units Module Level 3. 29 September 2016. CR.
https://www.w3.org/TR/css-values-3/
[CSS21]
Bert Bos; et al. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. 7 June 2011. REC.
https://www.w3.org/TR/CSS2
[CSS3-BREAK]
Rossen Atanassov; Elika Etemad. CSS Fragmentation Module Level 3.
http://dev.w3.org/csswg/css-break/
[CSS3-SIZING]
Tab Atkins Jr.; Elika Etemad. CSS Intrinsic & Extrinsic Sizing Module Level 3.
https://drafts.csswg.org/css-sizing
[CSS3-TEXT-DECOR]
Elika Etemad; Koji Ishii. CSS Text Decoration Module Level 3.
http://dev.w3.org/csswg/css-text-decor-3/
[CSS3BG]
Bert Bos; Elika Etemad; Brad Kemper. CSS Backgrounds and Borders Module Level 3.
http://dev.w3.org/csswg/css3-background/
[CSS3COL]
Håkon Wium Lie. CSS Multi-column Layout Module. 12 April 2011. CR.
https://www.w3.org/TR/css3-multicol
[HTML5]
Ian Hickson; et al. HTML5.
https://www.w3.org/html/wg/drafts/html/master/
[RFC6919]
R. Barnes; S. Kent; E. Rescorla. Further Key Words for Use in RFCs to Indicate Requirement Levels. 1 April 2013. Experimental.
https://tools.ietf.org/html/rfc6919
[SVG11]
Erik Dahlström; et al. Scalable Vector Graphics (SVG) 1.1 (Second Edition). 16 August 2011. REC.
https://www.w3.org/TR/SVG11/
[UAX11]
Asmus Freytag. East Asian Width. 23 March 2001. Unicode Standard Annex #11.
http://www.unicode.org/unicode/reports/tr11/tr11-8.html
[UAX24]
Mark Davis. Script Names. 28 March 2005. Unicode Standard Annex #24.
http://www.unicode.org/unicode/reports/tr24/tr24-7.html
[UAX9]
Mark Davis; Aharon Lanin; Andrew Glass. Unicode Bidirectional Algorithm. 5 June 2014. Unicode Standard Annex #9.
http://www.unicode.org/reports/tr9/
[UNICODE]
The Unicode Standard.
http://www.unicode.org/versions/latest/
[UTR50]
Koji Ishii. Unicode Properties for Vertical Text Layout. 31 August 2013.
http://www.unicode.org/reports/tr50/

文献(参考)

[CSS-CASCADE-4]
Elika Etemad; Tab Atkins Jr.. CSS Cascading and Inheritance Level 4.
http://dev.w3.org/csswg/css-cascade/
[CSS3-FLEXBOX]
Tab Atkins Jr.; Elika Etemad; Rossen Atanassov. CSS Flexible Box Layout Module Level 1.
https://drafts.csswg.org/css-flexbox/
[CSS3-FONTS]
John Daggett. CSS Fonts Module Level 3.
http://dev.w3.org/csswg/css-fonts/
[CSS3COLOR]
Tantek Çelik; Chris Lilley; David Baron. CSS Color Module Level 3. 7 June 2011. REC.
https://www.w3.org/TR/css3-color
[CSS3PAGE]
Melinda Grant; et al. CSS Paged Media Module Level 3. 14 March 2013. WD.
https://www.w3.org/TR/css3-page/
[HTML401]
Dave Raggett; Arnaud Le Hors; Ian Jacobs. HTML 4.01 Specification. 24 December 1999. REC.
https://www.w3.org/TR/html401
[UTN22]
Elika J. Etemad. Robust Vertical Text Layout. 25 April 2005.
http://unicode.org/notes/tn22/

索引

【 この節の内容は省略(ウィンドウ下端の索引機能を利用されたし)。 】

プロパティ索引

【 この節の内容は省略(見出しクリックで巡回)。 】

課題索引

【 この節の内容は省略(見出しクリックで巡回)。 】