CSSテキストに関する水平配列[4]

通常ストリームでは,テキストはいずれも , 配列表示であり,配列方向を変更したい場合はCSS属性で変更できる.

text-align属性

(text-align)は、テキストの水平方向を変更することができるが、内部の配列方向を変更しない.

//    : left(  、  ),center(  ),right(  )
.txt { text-align: right; }

writting-mode属性

(writting-mode)は、テキストの垂直方向を変更することができる.

//    : horizontal-tb(  、  ),vertical-lf(  、    ),vertical-rl(  、    )
.txt { writting-mode: vertical-lr; }

direction属性

(direction)はテキスト内部の配列方向を表し、HTMLのグローバル属性dirと一致する.

//    : ltr(    、  ),rtl(    )
//  1 23 45 rtl ，  45 23 1
.txt { direction: rtl; }

PS：    rtl ，  unicode-bidi    

unicode-bidi属性

unicode-bidiは、上記の 1 23 45 rtl ， 45 23 1の場合を変更することができ、directionの属性の強化である.

//   ： 1 23 45 rtl ，   45 23 1
.txt { unicode-bidi: normal; }
//   ： 1 23 45 rtl ，   45 23 1
.txt { unicode-bidi: embed; }
//   ： 1 23 45 rtl ，   54 32 1
.txt { unicode-bidi: bidi-override; }