ime-modeプロパティの説明
CSSのime-modeプロパティは、Internet Explorer独自の仕様で、テキスト入力時のIMEの状態を指定する際に使用します。Firefoxではバージョン3からサポートしています。
IME(Input Method Editor)は、日本語を入力するためのソフトのことです。Windowsの「MS-IME」、Macの「ことえり」が一般的です。その他サードパーティー製ソフトも色々あるようです。
ime-modeに指定できる値
ime-modeauto：状況に応じて自動設定します。これが初期値です。ime-modeactive：初期値が日本語入力モードになります。ime-modeinactive：初期値が英数字入力モードになります。ime-modedisabled：英数字入力モードで固定されます。ユーザーの操作によるモードの変更が出来ません。
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;
}