diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-11-11 10:06:29 +0900 |
---|---|---|
committer | potappo <potappo@gmail.com> | 2021-11-21 22:37:46 +0900 |
commit | 585cf204c175af495fa25c32d509c7ab9b8c8808 (patch) | |
tree | 7dd98090827dc1210174f6d24a3fed9ba18bfa52 /files/ja/web/css/-moz-user-input | |
parent | d2866069686a54fb73bd305a21b68a324fa4353d (diff) | |
download | translated-content-585cf204c175af495fa25c32d509c7ab9b8c8808.tar.gz translated-content-585cf204c175af495fa25c32d509c7ab9b8c8808.tar.bz2 translated-content-585cf204c175af495fa25c32d509c7ab9b8c8808.zip |
Mozilla 独自の CSS プロパティを更新
- 2021/11/09 時点の英語版に同期
Diffstat (limited to 'files/ja/web/css/-moz-user-input')
-rw-r--r-- | files/ja/web/css/-moz-user-input/index.md | 76 |
1 files changed, 40 insertions, 36 deletions
diff --git a/files/ja/web/css/-moz-user-input/index.md b/files/ja/web/css/-moz-user-input/index.md index aba350c66b..0f6954cee2 100644 --- a/files/ja/web/css/-moz-user-input/index.md +++ b/files/ja/web/css/-moz-user-input/index.md @@ -3,18 +3,19 @@ title: '-moz-user-input' slug: Web/CSS/-moz-user-input tags: - CSS - - CSS Property - - Deprecated - - Mozilla 拡張 - - Non-standard - - Reference + - CSS プロパティ + - CSS:Mozilla 拡張 + - 非推奨 + - 標準外 + - リファレンス translation_of: Web/CSS/-moz-user-input --- -<div>{{CSSRef}}{{Non-standard_Header}}{{Deprecated_Header(60)}}</div> +{{CSSRef}}{{Non-standard_Header}}{{Deprecated_Header}} -<p>Mozilla アプリケーションでは、 <strong><code>-moz-user-input</code></strong> はある要素がユーザの入力を受け付けるかどうかを決定します。</p> +Mozilla アプリケーションでは、 **`-moz-user-input`** はある要素がユーザの入力を受け付けるかどうかを決定します。 -<pre class="brush:css">/* キーワード値 */ +```css +/* キーワード値 */ -moz-user-input: none; -moz-user-input: enabled; -moz-user-input: disabled; @@ -23,49 +24,52 @@ translation_of: Web/CSS/-moz-user-input -moz-user-input: inherit; -moz-user-input: initial; -moz-user-input: unset; -</pre> +``` -<p>{{HTMLElement("textarea")}} のようなユーザーからの入力を通常受け付ける要素では <code>-moz-user-input</code> の初期値は <code>enabled</code> です。</p> +{{HTMLElement("textarea")}} のようなユーザーからの入力を通常受け付ける要素では `-moz-user-input` の初期値は `enabled` です。 -<div class="note"> -<p><strong>メモ:</strong> <code>-moz-user-input</code> は、 CSS 3 {{cssxref("user-input")}} プロパティの先行実装案の一つでしたが、これはまだ (実装を要求する) 勧告候補に達していません。類似のプロパティ <code>user-focus</code> が <a href="http://www.w3.org/TR/2000/WD-css3-userint-20000216">CSS3 UI 仕様の前身であった初期の草稿</a> で提案されましたが、ワーキンググループによって却下されました。</p> -</div> +> **Note:** `-moz-user-input` は、 CSS 3 {{cssxref("user-input")}} プロパティの先行実装案の一つでしたが、これはまだ (実装を要求する) 勧告候補に達していません。類似のプロパティ `user-focus` が [CSS3 UI 仕様の前身であった初期の草稿](https://www.w3.org/TR/2000/WD-css3-userint-20000216) で提案されましたが、作業グループによって却下されました。 -<p>{{CSSInfo}}</p> +## 構文 -<h2 id="Syntax" name="Syntax">構文</h2> +### 値 -<h3 id="Values" name="Values">値</h3> +- none + - : 要素はユーザーからの入力に反応せず {{CSSxRef(":active")}} にならない。 +- enabled + - : 要素はユーザーからの入力を受け付ける。テキストボックスではこれが標準の動作。**この値は Firefox 60 以降は対応していませんので注意してください ({{bug(1405087)}})。** +- disabled + - : 要素はユーザーからの入力を受け付けない。しかし、これは {{XULAttr("disabled")}} を true にするのとは等しくなく、要素は普通に (無効にならずに) 描画される。**この値は Firefox 60 以降は対応していませんので注意してください ({{bug(1405087)}})。** -<dl> - <dt>none</dt> - <dd>要素はユーザーからの入力に反応せず {{CSSxRef(":active")}} にならない。</dd> - <dt>enabled</dt> - <dd>要素はユーザーからの入力を受け付ける。テキストボックスではこれが標準の動作。<strong>この値は Firefox 60 以降は対応していませんので注意してください ({{bug(1405087)}})。</strong></dd> - <dt>disabled</dt> - <dd>要素はユーザーからの入力を受け付けない。しかし、これは {{XULAttr("disabled")}} を true にするのとは等しくなく、要素は普通に (無効にならずに) 描画される。<strong>この値は Firefox 60 以降でサポートしませんので注意してください ({{bug(1405087)}})。</strong></dd> -</dl> +## 公式定義 -<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> +{{CSSInfo}} + +## 形式文法 {{CSSSyntax}} -<h2 id="Examples" name="Examples">例</h2> +## 例 + +### 要素のユーザー入力の無効化 -<pre class="brush:css">input.example { +```css +input.example { /* ユーザーはテキストの選択はできますが変更はできません。 */ -moz-user-input: disabled; } -</pre> +``` + +## 仕様書 + +どの標準にも含まれていません。 -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> +## ブラウザーの互換性 -<p>{{Compat("css.properties.-moz-user-input")}}</p> +{{Compat}} -<h2 id="See_also" name="See_also">関連情報</h2> +## 関連情報 -<ul> - <li>{{CSSxRef("-moz-user-focus")}}</li> - <li>{{CSSxRef("-moz-user-modify")}}</li> - <li>{{CSSxRef("-moz-user-select")}}</li> -</ul> +- {{CSSxRef("-moz-user-focus")}} +- {{CSSxRef("user-modify", "-moz-user-modify")}} +- {{CSSxRef("user-select", "-moz-user-select")}} |