text-autospace：アルファベット等との間隔を指定（IE独自）
| 適用対象 | 全ての要素 |
| 継承 | しない |
このプロパティは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
text-autospaceプロパティは、Internet Explorerが独自に採用したもので、日本語・中国語・韓国語などの表意文字と、アルファベットなどの非表意文字・数字との間隔を指定する際に使用します。しかしその実態は不明確で、IEで実際に試してみてもこのプロパティ単体では反映されないようです。
text-autospaceに与えられる値
- text-autospace: none;
- 間隔は空けません。
- text-autospace: ideograph-alpha;
- 表意文字と、アルファベットなどの非表意文字の境い目に間隔を空けます。
- text-autospace: ideograph-numeric;
- 表意文字と、数字との境い目に間隔を空けます。
- text-autospace: ideograph-parenthesis;
- 表意文字と、半角の(括弧)との境い目に間隔を空けます。
- text-autospace: ideograph-space;
- 表意文字と、アルファベットなどの非表意文字との境い目の間隔を広めに空けます。
text-autospaceの使用サンプル
CSS
.text_sample01 {
text-autospace: ideograph-alpha;
background-color: #EEEEEE;
padding:5px;
margin:0px 0px 10px 0px;
}
.text_sample02 {
text-autospace: ideograph-numeric;
background-color: #EEEEEE;
padding:5px;
margin:0px 0px 10px 0px;
}
.text_sample03 {
text-autospace: ideograph-parenthesis;
background-color: #EEEEEE;
padding:5px;
margin:0px 0px 10px 0px;
}
.text_sample04 {
text-autospace: ideograph-space;
background-color: #EEEEEE;
padding:5px;
}
XHTML
<div class="text_sample01">
text_sample01 [text-autospace: ideograph-alpha;]<br />
text sample. text sample. text sample.<br />
テキストサンプル、テキストサンプル。<br />
</div>
<div class="text_sample02">
text_sample02 [text-autospace: ideograph-numeric;]<br />
text sample. text sample. text sample.<br />
テキストサンプル、テキストサンプル。<br />
</div>
<div class="text_sample03">
text_sample03 [text-autospace: ideograph-parenthesis;]<br />
text sample. text sample. text sample.<br />
テキストサンプル、テキストサンプル。<br />
</div>
<div class="text_sample04">
text_sample04 [text-autospace: ideograph-space;]<br />
text sample. text sample. text sample.<br />
テキストサンプル、テキストサンプル。<br />
</div>
表示確認
text_sample01 [text-autospace: ideograph-alpha;]
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text_sample02 [text-autospace: ideograph-numeric;]
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text_sample03 [text-autospace: ideograph-parenthesis;]
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text_sample04 [text-autospace: ideograph-space;]
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text sample. text sample. text sample.
テキストサンプル、テキストサンプル。
text-autospaceに関連するCSSプロパティ
| 非推奨または廃止されたプロパティ | |
|---|---|
| background-break | インライン要素の背景画像の繰り返し方法を指定する |
| baseline-shift | 優先するベースラインを指定し直す |
| bookmark-label | ブックマークのラベル（名前）を指定する |
| bookmark-level | ブックマークのレベル（度合い）を指定する |
| bookmark-target | ブックマークのターゲット（対象）を指定する |
| border-break | ボックスが分割された場合のボーダーの表示方法を指定する |
| box-align | 親要素内に含まれる子要素を揃える水平位置の基準を指定する |
| box-direction | 親ボックス内に配置する子要素の表示方向を指定する |
| ime-mode | テキスト入力時のIMEの状態を指定する |
| marker-offset | リストマーカーとの間隔を指定する |
| page-break-after | 印刷時の改ページ位置を、特定の要素直後に指定する |
| page-break-before | 印刷時の改ページ位置を、特定の要素直前に指定する |
| scrollbar-base-color | スクロールバーのベースになる色を指定する |
| scrollbar-arrow-color | スクロールバーの矢印にあたる色を指定する |
| scrollbar-face-color | スクロールバーの表面にあたる色を指定する |
| scrollbar-3dlight-color | スクロールバーの左端と上端にあたる色を指定する |
| scrollbar-highlight-color | スクロールバーのハイライトにあたる色を指定する |
| scrollbar-shadow-color | スクロールバーの影にあたる色を指定する |
| scrollbar-darkshadow-color | スクロールバーの右端と下端にあたる色を指定する |
| text-autospace | アルファベット等との間隔を指定 |
| zoom | 要素の表示倍率（拡大・縮小）を指定する |