ime-mode:テキスト入力時のIMEの状態を指定する
初期値 | ― |
適用対象 | ― |
継承 | ― |
アニメーション | ― |
対応ブラウザ | caniuseで確認 |
このプロパティは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
ime-mode
プロパティは、Internet Explorer独自の仕様で、テキスト入力時のIMEの状態を指定する際に使用します。Firefoxではバージョン3からサポートしています。
IME(Input Method Editor)は、日本語を入力するためのソフトのことです。Windowsの「MS-IME」、Macの「ことえり」が一般的です。その他サードパーティー製ソフトも色々あるようです。
ime-modeに与えられる値
- ime-mode: auto;
- 状況に応じて自動設定します。これが初期値です。
- ime-mode: active;
- 初期値が日本語入力モードになります。
- ime-mode: inactive;
- 初期値が英数字入力モードになります。
- ime-mode: disabled;
- 英数字入力モードで固定されます。ユーザーの操作によるモードの変更が出来ません。
ime-modeの使用サンプル
CSS
.box_sample {
width: 300px;
border: 1px solid #333333;
margin-bottom: 10px;
}
.sample01 { ime-mode: auto; width:200px;}
.sample02 { ime-mode: active; width:200px;}
.sample03 { ime-mode: inactive; width:200px;}
.sample04 { ime-mode: disabled; width:200px;}
XHTML
<div class="box_sample">
<form action="sample" method="post">
ime-mode:auto;の場合<br />
<input type="text" style="ime-mode:auto;"><br />
<br />
ime-mode:active;の場合<br />
<input type="text" style="ime-mode:active;"><br />
<br />
ime-mode:inactive;の場合<br />
<input type="text" style="ime-mode:inactive;"><br />
<br />
ime-mode:disabled;の場合<br />
<input type="text" style="ime-mode:disabled;"><br />
</form>
</div>
表示確認
ime-modeに関連する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 | 要素の表示倍率(拡大・縮小)を指定する |