ime-mode：テキスト入力時のIMEの状態を指定する

初期値 ―
適用対象 ―
継承 ―
アニメーション ―
対応ブラウザ caniuseで確認

このプロパティは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳細は現行の標準仕様に従って下さい。

ime-modeプロパティの説明

CSSの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の使い方とサンプルコード

<div class="samp_box">
	<p>ime-mode: auto; 状況に応じて自動設定</p>
	<label><input type="text" class="imm_auto"></label>
	<p>ime-mode: active; 初期値が日本語入力モードになる</p>
	<label><input type="text" class="imm_active"></label>
	<p>ime-mode: inactive; 初期値が英数字入力モードになる</p>
	<label><input type="text" class="imm_inactive"></label>
	<p>ime-mode: disabled; 英数字入力モードで固定される</p>
	<label><input type="text" class="imm_disabled"></label>
</div>
.samp_box p {
	margin-block: 1rem 0;
}
.samp_box label {
	display: block;
}
.samp_box input {
	inline-size: 200px;
}
.imm_auto {
	ime-mode: auto;
}
.imm_active {
	ime-mode: active;
}
.imm_inactive {
	ime-mode: inactive;
}
.imm_disabled {
	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 要素の表示倍率（拡大・縮小）を指定する
© weblan3.com