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日
https://www.tohoho-web.com/css/prop/text-autospace.htm