CSS文字:ruby-align(轉)

post0發表於2007-08-15
CSS文字:ruby-align(轉)[@more@]

語法:

ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge

取值:

auto :? 預設值。由瀏覽器確定對齊方式。對於ideographic(東亞)文字以 distribute-space 值對齊。對於Latin文字以 center 值對齊

left :? 根據基本寬度左對齊

center :? 根據基本寬度居中對齊。如果基本寬度小於 ruby 文字的寬度,那麼基本寬度在 ruby 文字的寬度中居中

right :? 根據基本寬度右對齊

distribute-letter :? 如果ruby文字的寬度小於基本寬度,則 ruby 文字在基本寬度中均勻分佈。如果 ruby 文字的寬度大於或等於基本寬度,居中對齊

distribute-space :? 如果 ruby 文字的寬度小於基本寬度,則 ruby 文字在基本寬度中均勻分佈。在 ruby 文字中,在第一個字元的前面後最後字元的後面有半個字距的空白區域。如果 ruby 文字的寬度大於或等於基本寬度,居中對齊

line-edge :? 如果 ruby 文字不相鄰行邊緣,則其被居中。否則 ruby 文字行在基本文字邊的上方

說明:

設定或檢索透過 rt 物件指定的註釋文字或發音指南(參考 ruby 物件)的對齊位置。

此屬性對於 currentStyle 物件而言是隻讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 rubyAlign 。

示例:

ruby { ruby-align: right; }

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8225414/viewspace-957311/,如需轉載,請註明出處,否則將追究法律責任。