血統の森: Home > web実験小屋 > CSS3ウェブブラウザ実装メモ > -ms-text-autospace;文字間の間隔制御

hosting by xrea.com

-ms-text-autospace

作成:
更新:

property IE Firefox Opera Webkit
text-spacing △(※1)---

IEでの先行実装。のCSS3 text草案では、text-trimtext-autospacetext-spacingへマージされており、プロパティ名が変更されてat-risk扱いになっている。さらに、のCSS3 text草案では、text-spacingはCSS4に先送りされることになった。以下、IEに実装されている値の解説。

ideograph-alpha

アルファベットと表意文字(ひらがな等)との間に、1/4emのスペースを設ける。

WindowsとMacとLinuxと

WindowsとMacとLinuxと

coding例

<div style="border:solid 1px grey;width:250px;padding-left:1em;margin-bottom:0.5em;">
<p>WindowsとMacとLinuxと</p>
<p style="-ms-text-autospace:ideograph-alpha; -ms-text-spacing:ideograph-alpha; -moz-text-spacing:ideograph-alpha; 
-o-text-spacing:ideograph-alpha; -webkit-text-spacing:ideograph-alpha;">WindowsとMacとLinuxと</p>
</div>

ideograph-numeric

数字と表意文字との間に、1/4emのスペースを設ける。

2011年10月29日

2011年10月29日

ideograph-parenthesis

表意文字と半角閉じ括弧 ')' (U+0x29)との間に、スペースを設ける。

智(ち)に働けば角(かど)が立つ。情(じょう)に棹(さお)させば流される。

智(ち)に働けば角(かど)が立つ。情(じょう)に棹(さお)させば流される。

ideograph-space

表意文字の間に半角スペース(U+0020)があれば、余分にスペースを設ける。

古池や 蛙飛び込む 水の音

古池や 蛙飛び込む 水の音

ideograph-alphaideograph-numeric日本語組版処理の要件と一致しており、プロパティや値の名称が変わっても、いつの日かCSS仕様として固められる…はず。

検証に使用したブラウザ

Internet Explorer
MSIE 9.0; Trident/5.0 バージョン 9.0.3(リリース版)

参考リンク