WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > text-autospace
text-autospace  文章整形  文字間隔 

日本語と英語などの間に文字間隔を開ける。

このエントリーをはてなブックマークに追加

Internet Explorerが先行採用

日本語・中国語・韓国語などの表意文字と、アルファベットなどの非表意文字・数字との間隔を指定する際に使用します。

パラメーター

none
　特に間隔を空けない。
ideograph-alpha
　表意文字と、アルファベットなどの非表意文字との境い目に間隔を空ける。
ideograph-numeric
　表意文字と、数字との境い目に間隔を空ける。
ideograph-parenthesis
　表意文字と、半角の(括弧)との境い目に間隔を空ける。
ideograph-space
　表意文字に隣接するスペース文字の幅を空ける。

＊表意文字・・・日本語・中国語・韓国語など

サンプルコード

<p style="text-autospace:none;">text-autospace:none;あいうえおaiueo1234()実験結果</p>
<p style="text-autospace:ideograph-alpha;">text-autospace:ideograph-alpha;あいうえおaiueo1234()実験結果</p>
<p style="text-autospace:ideograph-numeric;">text-autospace:ideograph-numeric;あいうえおaiueo1234()実験結果</p>
<p style="text-autospace:ideograph-parenthesis;">text-autospace:ideograph-parenthesis;あいうえおaiueo1234()実験結果</p>
<p style="text-autospace:ideograph-space;">text-autospace:ideograph-space;あいうえおaiueo1234()実験結果</p>

text-autospace:none;あいうえおaiueo1234()実験結果

text-autospace:ideograph-alpha;あいうえおaiueo1234()実験結果

text-autospace:ideograph-numeric;あいうえおaiueo1234()実験結果

text-autospace:ideograph-parenthesis;あいうえおaiueo1234()実験結果

text-autospace:ideograph-space;あいうえおaiueo1234()実験結果