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:auto;の場合(状況に応じて自動設定します)


ime-mode:active;の場合(初期値が日本語入力モードになります)


ime-mode:inactive;の場合(初期値が英数字入力モードになります)


ime-mode:disabled;の場合(英数字入力モードで固定されます)

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 要素の表示倍率(拡大・縮小)を指定する