CSS - text-autospace

トップ > CSSリファレンス > text-autospace

概要

属性名 text-autospace
none || ideograph-alpha || ideograph-numeric || ideograph-parenthesis || ideograph-space
初期値 none
適用可能要素すべての要素
継承継承しない
メディアVisual / Text
サポートe5.5

説明

漢字のような表意文字と半角英数字のような非表意文字の間にほんの少しだけ隙間を入れるかどうかを指定します。

説明
none隙間を空けません。
ideograph-alpha表意文字とアルファベットの間に隙間を空けます。
ideograph-numeric表意文字と数字の間に隙間を空けます。
ideograph-parenthesis表意文字と括弧の間に隙間を空けます。
ideograph-space表意文字と表意文字の間の隙間を広くします。

使用例

CSS
.sample-none {
    text-autospace: none;
}
.sample-alpha {
    text-autospace: ideograph-alpha;
}
.sample-numeric {
    text-autospace: ideograph-numeric;
}
.sample-parenthesis {
    text-autospace: ideograph-parenthesis;
}
.sample-space {
    text-autospace: ideograph-space;
}
.sample-all {
    text-autospace: ideograph-space ideograph-numeric ideograph-parenthesis ideograph-space;
}
HTML
<h5>none</h5>
<div class="sample-none">漢字ABC漢字123漢字(括弧)漢字</div>
<h5>alpha</h5>
<div class="sample-none">漢字ABC漢字123漢字(括弧)漢字</div>
<div class="sample-alpha">漢字ABC漢字123漢字(括弧)漢字</div>
<h5>numeric</h5>
<div class="sample-none">漢字ABC漢字123漢字(括弧)漢字</div>
<div class="sample-numeric">漢字ABC漢字123漢字(括弧)漢字</div>
<h5>parenthesis</h5>
<div class="sample-none">漢字ABC漢字123漢字(括弧)漢字</div>
<div class="sample-parenthesis">漢字ABC漢字123漢字(括弧)漢字</div>
<h5>space</h5>
<div class="sample-none">漢字ABC漢字123漢字(括弧)漢字 漢字 漢字</div>
<div class="sample-space">漢字ABC漢字123漢字(括弧)漢字 漢字 漢字</div>
<h5>all</h5>
<div class="sample-all">漢字ABC漢字123漢字(括弧)漢字 漢字 漢字</div>
表示
none
漢字ABC漢字123漢字(括弧)漢字
alpha
漢字ABC漢字123漢字(括弧)漢字
漢字ABC漢字123漢字(括弧)漢字
numeric
漢字ABC漢字123漢字(括弧)漢字
漢字ABC漢字123漢字(括弧)漢字
parenthesis
漢字ABC漢字123漢字(括弧)漢字
漢字ABC漢字123漢字(括弧)漢字
space
漢字ABC漢字123漢字(括弧)漢字 漢字 漢字
漢字ABC漢字123漢字(括弧)漢字 漢字 漢字
all
漢字ABC漢字123漢字(括弧)漢字 漢字 漢字
漢字ABC漢字123漢字(括弧)漢字 漢字 漢字

Copyright (C) 1997-2012 杜甫々
初版:1997年7月27日、最終更新:2012年5月4日
http://www.tohoho-web.com/css/prop/text-autospace.htm