サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
日本語とアルファベットとの間隔
- 日本語とアルファベットとの間隔は、text-autospaceプロパティを指定します。
- 文章中の日本語等とアルファベットなど
- （または数字や半角の括弧）との間隔を指定します。
- ＩＥ独自のものです。
- [使い方]
- .sample{text-autospace: ideograph-alpha;}
- [メモ・・・W3C・CSS検証サービス・・・]
- text-autospace は、
- CSS レベル 2.1 に存在しませんが、[css3] に存在します。
| プロパティ名 | 値 | 説明 |
|---|---|---|
| text-autospace: | ideograph-alpha; | 日本語・中国語・韓国語などと
アルファベット等との間に 隙間を入れます。 |
| ideograph-numeric; | 日本語・中国語・韓国語など
と数字との間に隙間を入れます。 |
|
| ideograph-parenthesis; | 日本語・中国語・韓国語など
と半角括弧との間に隙間を入れます。 |
|
| ideograph-space; | 日本語・中国語・韓国語などの
表意文字との間に 隙間を多めに入れます。 |
|
| none; | 隙間を入れません。
(標準値・初期設定値) |
サンプル
[ｈｅａｄの中]
<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>
[ｂｏｄｙの中]
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