From 0ed7c371f7ff103e19b2474e8a55c02d77e3c74d Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 16 Oct 2021 23:48:25 +0900 Subject: CSS 基本ユーザーインターフェイスの文書を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/15 時点の英語版に同期 --- files/ja/web/css/ime-mode/index.md | 124 +++++++++++++++++-------------------- 1 file changed, 56 insertions(+), 68 deletions(-) (limited to 'files/ja/web/css/ime-mode') diff --git a/files/ja/web/css/ime-mode/index.md b/files/ja/web/css/ime-mode/index.md index 3eeaf99783..f537a4fbf8 100644 --- a/files/ja/web/css/ime-mode/index.md +++ b/files/ja/web/css/ime-mode/index.md @@ -3,100 +3,88 @@ title: ime-mode slug: Web/CSS/ime-mode tags: - CSS - - CSS Reference + - CSS プロパティ - Deprecated + - recipe:css-property +browser-compat: css.properties.ime-mode translation_of: Web/CSS/ime-mode --- -
{{CSSRef}} {{deprecated_header}}
+{{CSSRef}} {{deprecated_header}} -

ime-mode プロパティは、テキストフィールドで Input Method Editor (以下 IME) をコントロールします。このプロパティは廃止されました。

+**`ime-mode`** は [CSS](/ja/docs/Web/CSS) のプロパティで、テキストフィールドで Input Method Editor (以下 IME) をコントロールします。このプロパティは廃止されました。 -
/* Keyword values */
+```css
+/* Keyword values */
 ime-mode: auto;
 ime-mode: normal;
 ime-mode: active;
 ime-mode: inactive;
 ime-mode: disabled;
 
-/* Global values */
+/* グローバル値 */
 ime-mode: inherit;
 ime-mode: initial;
-ime-mode: unset;
+ime-mode: revert; +ime-mode: unset; +``` -

ime-modeは、一部のブラウザーで無秩序に実装されたプロパティです。これは、Microsoft が独自の拡張機能として Internet Explorer 5 で導入したものです。{{spec("http://msdn.microsoft.com/library/ms530767(VS.85).aspx","-ms-ime-mode Attribute | imeMode Property")}}

+`ime-mode`は、一部のブラウザーで無秩序に実装されたプロパティです。これは、Microsoft が独自の拡張機能として Internet Explorer 5 で導入したものです。{{spec("https://msdn.microsoft.com/library/ms530767(VS.85).aspx","-ms-ime-mode Attribute | imeMode Property")}} -
-

Note: 一般的に、パブリックなWebサイトがIMEモードを変更することは適切ではありません。 このプロパティは、プライベートなWebアプリケーションでのみ使用すべきです。また、以前にレガシーコードで設定されていた場合は、プロパティを元に戻すべきです。

-
+> **Note:** 一般に、公開されたウェブサイトが IME モードを変更することは適切ではありません。このプロパティは、私的ななウェブアプリケーションでのみ使用すべきです。また、以前に古いコードで設定されていた場合は、プロパティを元に戻すべきです。 -

{{cssinfo}}

+## 構文 -

構文

+`ime-mode` プロパティは、以下のキーワード値のうちの一つを使用して指定します。 -

値

+### 値 -
-
auto
-
現在の IME の状態を変更しません。これはデフォルトの設定です。
-
normal
-
IME の状態を通常の状態に変更します。この値はユーザースタイルシートでウェブページが指定した値を上書きするために用意されました。 この値は Internet Explorer ではサポートされていません。
-
active
-
コンテンツがフォーカスを得た時に IME は自動的にオンになります。ユーザーがオフにしない限りテキスト入力には IME が使用されます。 Linux ではサポートされていません。
-
inactive
-
コンテンツがフォーカスを得た時に IME は自動的にオフに設定されますが、ユーザーは任意で IME をオンにする事ができます。 Linux ではサポートされていません。
-
disabled
-
IME は無効にされます。ユーザーによって IME をオンにする事はできません。
-
+- `auto` + - : 現在の IME の状態を変更しません。これが既定値です。 +- `normal` + - : IME の状態を通常の状態に変更します。この値はユーザースタイルシートでウェブページが指定した値を上書きするために用意されました。_この値は Internet Explorer は対応していません_。 +- `active` + - : コンテンツがフォーカスを得た時に IME が自動的にオンになります。ユーザーがオフにしない限りテキスト入力には IME が使用されます。_Linux では対応していません。_ +- `inactive` + - : コンテンツがフォーカスを得た時に IME は自動的にオフに設定されますが、ユーザーは任意で IME をオンにすることができます。_Linux では対応していません。_ +- `disabled` + - : IME は無効になり、ユーザーがオンにすることはできません。 -

公式の構文

+## 解説 + +Internet Explorer とは異なり、Firefox の `ime-mode` は `` にも適用できます。しかし、これはユーザーの使い勝手にはマイナスの影響を与えます。パスワードフィールドでは IME は有効に*されるべきではありません*。ユーザーは以下の CSS をユーザースタイルシートに挿入することで、推奨された設定に従わないサイトの動作を修正することができます。 + +```css +input[type=password] { + ime-mode: auto !important; +} +``` + +Gecko 1.9 (Firefox 3) の Mac 版では、disabled に設定されたフィールドがフォーカスを失う際に、IME の状態を以前の状態に戻すことができません。そのため、Mac ユーザーは `disabled` 値を利用したフォームの利用に苛立ちを覚えるかもしれません。 + +## 公式定義 + +{{cssinfo}} + +## 形式文法 {{csssyntax}} -

例

+## 例 -

この例は、フィールドの IME のサポートを無効にします。これは、 拡張文字セットをサポートしていないデータベースにデータを入力するフィールドの一般的なプラクティスでした。

+### インプットメソッドの対応の無効化 -
<input type="text" name="name" value="initial value" style="ime-mode: disabled">
+この例は、フィールドの IME の対応を無効にします。これは、 拡張文字セットに対応していないデータベースにデータを入力するフィールドで一般的に行われていました。 -
-

拡張文字がフォームを通過しないように IME を無効にすることに依存しないでください。 IME を無効にしても、拡張文字をフォームのフィールドに貼り付けることはできます。

-
+```html + +``` -

注記

+> **Note:** IME を無効にしたからといって、拡張文字がフォームを通過しないとは限りません。IME を無効にしても、ユーザーは拡張文字をフォームのフィールドに貼り付けることができます。 -

Firefox の ime-mode は Internet Explorer と異なり、<input type="password"> にも適用できます。しかしこれはユーザーの使い勝手にはマイナスの影響を与えます。パスワードフィールドでは IME は有効にされるべきではありません。ユーザーは以下の CSS をユーザースタイルシートに挿入する事で推奨された設定に従わないサイトの動作を修正する事ができます:

+## 仕様書 -
input[type=password] {
-  ime-mode: auto !important;
-}
- -

Gecko 1.9 の Mac 版では、disabled に設定されたエディターがフォーカスを失う際に、IME の状態をフォーカスを得る直前の状態には戻りません。そのため、Mac ユーザーは disabled 値を利用したフォームの利用に苛立ちを覚えるかもしれません。

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName('CSS3 Basic UI', '#input-method-editor', 'ime-mode')}}{{Spec2('CSS3 Basic UI')}}初期の定義
- -

ブラウザー互換性

- -
-
- - -

{{Compat("css.properties.ime-mode")}}

-
-
+{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} -- cgit v1.2.3-54-g00ecf