From 093cf8ad24d87bdf2812916a745399863dfac50c Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 30 Jul 2021 13:00:02 +0900 Subject: ElementCSSInlineStyle を削除 (#1593) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ElementCSSInlineStyle を削除して、その style プロパティを HTMLElement に移管。 --- files/ja/web/api/htmlelement/index.html | 88 +++++++------------------ files/ja/web/api/htmlelement/style/index.html | 95 +++++++++++++++++++++++++++ 2 files changed, 120 insertions(+), 63 deletions(-) create mode 100644 files/ja/web/api/htmlelement/style/index.html (limited to 'files/ja/web/api') diff --git a/files/ja/web/api/htmlelement/index.html b/files/ja/web/api/htmlelement/index.html index 6e26a2465b..56d80d8407 100644 --- a/files/ja/web/api/htmlelement/index.html +++ b/files/ja/web/api/htmlelement/index.html @@ -16,22 +16,24 @@ translation_of: Web/API/HTMLElement

{{InheritanceDiagram}}

-

プロパティ

+

プロパティ

-

親である {{DOMxRef("Element")}} からプロパティを継承しており、{{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}, {{DOMxRef("TouchEventHandlers")}} からのプロパティを実装しています。

+

親である {{DOMxRef("Element")}} からプロパティを継承しており、{{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("TouchEventHandlers")}} からプロパティを実装しています。

{{DOMxRef("HTMLElement.accessKey")}}
要素に割り当てられたアクセスキーを表す {{DOMxRef("DOMString")}} です。
{{DOMxRef("HTMLElement.accessKeyLabel")}} {{ReadOnlyInline}}
要素に割り当てられたアクセスキーを含む {{DOMxRef("DOMString")}} を返します。
+
{{DOMxRef("HTMLElement.attributeStyleMap")}} {{ReadOnlyInline}}
+
{{DOMxRef("StylePropertyMap")}} で、その要素の {{htmlattrxref("style")}} 属性の宣言を表します。
{{DOMxRef("HTMLElement.contentEditable")}}
{{DOMxRef("DOMString")}}。この文字列が true の場合は要素が編集可能、false の場合は編集不可です。
{{DOMxRef("HTMLElement.isContentEditable")}} {{ReadOnlyInline}}
要素のコンテンツが編集可能か否かを示す {{DOMxRef("Boolean")}} を返します。
{{DOMxRef("HTMLElement.contextMenu")}} {{Deprecated_Inline}}
要素に割り当てたコンテキストメニューを表す {{DOMxRef("HTMLMenuElement")}} です。null になる可能性があります。
-
{{DOMxRef("HTMLOrForeignElement.dataset")}} {{ReadOnlyInline}}
+
{{DOMxRef("HTMLElement.dataset")}} {{ReadOnlyInline}}
要素の カスタムデータ属性 (data-*) を読み書きできるスクリプトの {{DOMxRef("DOMStringMap")}} を返します。
{{DOMxRef("HTMLElement.dir")}}
要素の記述方向を表す dir グローバル属性を反映する {{DOMxRef("DOMString")}} です。可能な値は、"ltr" および "rtl"、"auto" です。
@@ -61,7 +63,7 @@ translation_of: Web/API/HTMLElement
要素の属性およびテキスト、要素のコンテンツの言語を表す {{DOMxRef("DOMString")}} です。
{{DOMxRef("HTMLElement.noModule")}}
{{JSxRef("Boolean")}} であり、モジュールスクリプトに対応しているユーザーエージェントでインポートしたスクリプトが実行されるかどうかを示します。
-
{{DOMxRef("HTMLOrForeignElement.nonce")}}
+
{{DOMxRef("HTMLElement.nonce")}}
指定されたフェッチが実行を許可されるかどうかを判断するために Content Security Policy が使用する、一度だけ使用される暗号学的な数値を返します。
{{DOMxRef("HTMLElement.offsetHeight")}} {{Experimental_Inline}}{{ReadOnlyInline}}
レイアウトに対して相対的な要素の高さを含む double 値を返します。
@@ -75,11 +77,11 @@ translation_of: Web/API/HTMLElement
レイアウトに対して相対的な要素の幅を含む double 値を返します。
{{DOMxRef("HTMLElement.properties")}} {{Experimental_Inline}}{{ReadOnlyInline}}
{{DOMxRef("HTMLPropertiesCollection")}}… を返します。
-
{{DOMxRef("HTMLElement.spellcheck")}}{{Gecko_MinVersion_Inline("1.9")}}
-
スペルチェック を制御する {{jsxref("Boolean")}} です。これはすべての HTML 要素上で提供されていますが、すべての要素に効果があるとは限りません。
+
{{DOMxRef("HTMLElement.spellcheck")}}
+
スペルチェック を制御する {{jsxref("Boolean")}} です。これはすべての HTML 要素上で提供されていますが、すべての要素に効果があるとは限りません。
{{DOMxRef("HTMLElement.style")}}
要素の style 属性の宣言を表すオブジェクトである {{DOMxRef("CSSStyleDeclaration")}} です。
-
{{DOMxRef("HTMLOrForeignElement.tabIndex")}}
+
{{DOMxRef("HTMLElement.tabIndex")}}
タブ順内の要素の位置を表す long 値です。
{{DOMxRef("HTMLElement.title")}}
マウスポインターが要素上に置かれた時に現れるポップアップボックスのテキストを含む {{DOMxRef("DOMString")}} です。
@@ -87,7 +89,7 @@ translation_of: Web/API/HTMLElement
translation を表す {{jsxref("Boolean")}} です。
-

イベントハンドラー

+

イベントハンドラー

ほとんどのイベントハンドラープロパティは、onXYZ の形であり、{{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("TouchEventHandlers")}} の何れかのインターフェイスで定義されていて、HTMLElement により実装されています。さらに HTMLElement 固有のイベントプロパティがいくつかあります。

@@ -112,24 +114,24 @@ translation_of: Web/API/HTMLElement
{{domxref("Element/touchcancel_event", "touchcancel")}} イベントのイベントハンドリングコードを返します。
-

メソッド

+

メソッド

-

親である {{DOMxRef("Element")}} からメソッドを継承しており、{{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}, {{DOMxRef("TouchEventHandlers")}} からのメソッドを実装しています。

+

親である {{DOMxRef("Element")}} からメソッドを継承しており、{{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("TouchEventHandlers")}} からのメソッドを実装しています。

{{DOMxRef("HTMLElement.attachInternals()")}} {{Experimental_Inline}}
{{DOMxRef("ElementInternals")}} のインスタンスをカスタム要素に割り当てます。
-
{{DOMxRef("HTMLOrForeignElement.blur()")}}
+
{{DOMxRef("HTMLElement.blur()")}}
現在フォーカスされている要素からキーボードフォーカスを外します。
{{DOMxRef("HTMLElement.click()")}}
要素にマウスクリックイベントを送信します。
-
{{DOMxRef("HTMLOrForeignElement.focus()")}}
+
{{DOMxRef("HTMLElement.focus()")}}
要素に現在のキーボードフォーカスを当てます。
{{DOMxRef("HTMLElement.forceSpellCheck()")}} {{Experimental_Inline}}
要素上のコンテンツに対してスペルチェックを実行します。
-

イベント

+

イベント

これらのイベントを待ち受けするには addEventListener() を用いるか、イベントリスナーをこのインターフェイスの onイベント名 プロパティに代入するかしてください。

@@ -139,7 +141,7 @@ translation_of: Web/API/HTMLElement {{domxref("GlobalEventHandlers/oninvalid", "oninvalid")}} プロパティからも利用できます。 -

アニメーションイベント

+

アニメーションイベント

{{domxref("HTMLElement/animationcancel_event", "animationcancel")}}
@@ -156,7 +158,7 @@ translation_of: Web/API/HTMLElement {{domxref("GlobalEventHandlers/onanimationstart", "onanimationstart")}} プロパティからも利用できます。
-

入力イベント

+

入力イベント

{{domxref("HTMLElement/beforeinput_event", "beforeinput")}}
@@ -168,14 +170,14 @@ translation_of: Web/API/HTMLElement
{{HTMLElement("input")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}} のいずれかの要素の value が変更され、ユーザーが確定したときに発行されます。{{domxref("HTMLElement/input_event", "input")}} イベントとは異なり、change イベントは要素の value が変更されるたびに発行されるわけではありません。
-

ポインターイベント

+

ポインターイベント

{{domxref("HTMLElement/gotpointercapture_event", "gotpointercapture")}}
{{domxref("Element/setPointerCapture", "setPointerCapture()")}} を用いて要素がポインターをキャプチャしたときに発行されます。
{{domxref("GlobalEventHandlers/ongotpointercapture", "ongotpointercapture")}} プロパティからも利用できます。
{{domxref("HTMLElement/lostpointercapture_event", "lostpointercapture")}}
-
キャプチャされたポインターが解放されたときに発行されます。
+
キャプチャされたポインターが解放されたときに発行されます。
{{domxref("GlobalEventHandlers/onlostpointercapture", "onlostpointercapture")}} プロパティからも利用できます。
{{domxref("HTMLElement/pointercancel_event", "pointercancel")}}
ポインターイベントがキャンセルされたときに発行されます。
@@ -203,7 +205,7 @@ translation_of: Web/API/HTMLElement {{domxref("GlobalEventHandlers/onpointerup", "onpointerup")}} プロパティからも利用できます。
-

トランジションイベント

+

トランジションイベント

{{domxref("HTMLElement/transitioncancel_event", "transitioncancel")}}
@@ -220,55 +222,15 @@ translation_of: Web/API/HTMLElement {{domxref("GlobalEventHandlers/ontransitionstart", "ontransitionstart")}} プロパティからも利用できます。
-

仕様書

+

仕様書

-

ｓ

+{{Specifications}} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSSOM View', '#extensions-to-the-htmlelement-interface', 'HTMLElement')}}{{Spec2('CSSOM View')}}次のプロパティを追加: offsetParent, offsetTop, offsetLeft, offsetWidth, offsetHeight。
{{SpecName('HTML WHATWG', 'elements.html#htmlelement', 'HTMLElement')}}{{Spec2('HTML WHATWG')}}次のプロパティを追加: translate, itemScope, itemType, itemId, itemRef, itemProp, properties, itemValue。
- 次のメソッドを追加: forceSpellcheck()。
- onXYZ 属性を {{DOMxRef("GlobalEventHandlers")}} インターフェイスへ移動し、そこから継承したプロパティを追加。
{{SpecName('HTML5 W3C', 'dom.html#htmlelement', 'HTMLElement')}}{{Spec2('HTML5 W3C')}}次のプロパティを追加: dataset, hidden, tabindex, accessKey, accessKeyLabel, draggable, dropzone, contentEditable, isContentEditable, contextMenu, spellcheck, commandType, commandLabel, commandIcon, commandHidden, commandDisabled, commandChecked, style, およびすべての onXYZ プロパティ。
- id と className プロパティを {{DOMxRef("Element")}} インターフェイスへ移動。
{{SpecName('DOM2 HTML', 'html.html#ID-011100101', 'HTMLElement')}}{{Spec2('DOM2 HTML')}}{{SpecName('DOM2 HTML')}} からの変更なし。
{{SpecName('DOM1', 'level-one-html.html#ID-011100101', 'HTMLElement')}}{{Spec2('DOM1')}}初回定義
+

ブラウザーの互換性

-

ブラウザーの互換性

+

{{Compat}}

-

{{Compat("api.HTMLElement")}}

- -

関連情報

+

関連情報