サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
日本語とアルファベットとの間隔
- 日本語とアルファベットとの間隔は、text-autospaceプロパティを指定します。
- 文章中の日本語等とアルファベットなど
- (または数字や半角の括弧)との間隔を指定します。
- IE独自のものです。
- [使い方]
- .sample{text-autospace: ideograph-alpha;}
- [メモ・・・W3C・CSS検証サービス・・・]
- text-autospace は、
- CSS レベル 2.1 に存在しませんが、[css3] に存在します。
プロパティ名 | 値 | 説明 |
---|---|---|
text-autospace: | ideograph-alpha; | 日本語・中国語・韓国語などと
アルファベット等との間に 隙間を入れます。 |
ideograph-numeric; | 日本語・中国語・韓国語など
と数字との間に隙間を入れます。 |
|
ideograph-parenthesis; | 日本語・中国語・韓国語など
と半角括弧との間に隙間を入れます。 |
|
ideograph-space; | 日本語・中国語・韓国語などの
表意文字との間に 隙間を多めに入れます。 |
|
none; | 隙間を入れません。
(標準値・初期設定値) |
サンプル
[headの中]
<style type="text/css"><!--
p{font-size: 33px;}
.sample1{text-autospace: ideograph-alpha;}
.sample2{text-autospace: ideograph-numeric;}
.sample3{text-autospace: ideograph-parenthesis;}
.sample4{text-autospace: ideograph-space;}
-->
</style>
[bodyの中]
noneの場合<p class="none">あいabうえcdおかefきくgh</p>
ideograph-alpha;の場合
<p class="sample1">あいabうえcdおかefきくgh</p>
ideograph-numeric;の場合
<p class="sample2">あい1abうえ2cdおか3efきくgh</p>
ideograph-parenthesis;の場合
<p class="sample3">あいab(うえ)cdおかef(きく)gh</p>
ideograph-space;の場合
<p class="sample4">あいabうえcdおかefきくgh</p>
[ブラウザ上]
noneの場合
あい1ab(うえ)2cdおか3ef(きく)gh
ideograph-alpha;の場合
あい1ab(うえ)2cdおか3ef(きく)gh
ideograph-numeric;の場合
あい1ab(うえ)2cdおか3ef(きく)gh
ideograph-parenthesis;の場合
あい1ab(うえ)2cdおか3ef(きく)gh
ideograph-space;の場合
あい1ab(うえ)2cdおか3ef(きく)gh