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()実験結果