From bbed12e574958e07af25518c7e66bd5ee2fb2d2c Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 9 Jun 2021 00:40:02 +0000 Subject: [CRON] sync translated content --- files/es/_redirects.txt | 5 +- files/es/_wikihistory.json | 20 ++-- .../web/api/elementcssinlinestyle/style/index.html | 53 +++++++++++ .../web/api/elementcssinlinestyle/style/index.html | 53 ----------- files/fr/_redirects.txt | 9 +- files/fr/_wikihistory.json | 32 +++---- .../web/api/elementcssinlinestyle/style/index.html | 58 ++++++++++++ .../web/api/elementcssinlinestyle/style/index.html | 58 ------------ files/ja/_redirects.txt | 8 +- files/ja/_wikihistory.json | 40 ++++---- .../web/api/elementcssinlinestyle/index.html | 57 ++++++++++++ .../web/api/elementcssinlinestyle/style/index.html | 103 +++++++++++++++++++++ files/ja/web/api/elementcssinlinestyle/index.html | 56 ----------- .../web/api/elementcssinlinestyle/style/index.html | 102 -------------------- files/ko/_redirects.txt | 7 +- files/ko/_wikihistory.json | 20 ++-- .../web/api/elementcssinlinestyle/style/index.html | 42 +++++++++ .../web/api/elementcssinlinestyle/style/index.html | 42 --------- files/pl/_redirects.txt | 7 +- files/pl/_wikihistory.json | 26 +++--- .../web/api/elementcssinlinestyle/style/index.html | 53 +++++++++++ .../web/api/elementcssinlinestyle/style/index.html | 53 ----------- files/ru/_redirects.txt | 3 +- files/ru/_wikihistory.json | 20 ++-- .../web/api/elementcssinlinestyle/style/index.html | 79 ++++++++++++++++ .../web/api/elementcssinlinestyle/style/index.html | 79 ---------------- files/zh-cn/_redirects.txt | 6 +- files/zh-cn/_wikihistory.json | 32 +++---- .../web/api/elementcssinlinestyle/style/index.html | 81 ++++++++++++++++ .../orphaned/web/api/request/context/index.html | 44 +++++++++ .../web/api/elementcssinlinestyle/style/index.html | 81 ---------------- files/zh-cn/web/api/request/context/index.html | 43 --------- files/zh-tw/_redirects.txt | 3 +- files/zh-tw/_wikihistory.json | 12 +-- .../web/api/elementcssinlinestyle/style/index.html | 80 ++++++++++++++++ .../web/api/elementcssinlinestyle/style/index.html | 80 ---------------- 36 files changed, 780 insertions(+), 767 deletions(-) create mode 100644 files/es/orphaned/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/es/web/api/elementcssinlinestyle/style/index.html create mode 100644 files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/fr/web/api/elementcssinlinestyle/style/index.html create mode 100644 files/ja/orphaned/web/api/elementcssinlinestyle/index.html create mode 100644 files/ja/orphaned/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/ja/web/api/elementcssinlinestyle/index.html delete mode 100644 files/ja/web/api/elementcssinlinestyle/style/index.html create mode 100644 files/ko/orphaned/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/ko/web/api/elementcssinlinestyle/style/index.html create mode 100644 files/pl/orphaned/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/pl/web/api/elementcssinlinestyle/style/index.html create mode 100644 files/ru/orphaned/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/ru/web/api/elementcssinlinestyle/style/index.html create mode 100644 files/zh-cn/orphaned/web/api/elementcssinlinestyle/style/index.html create mode 100644 files/zh-cn/orphaned/web/api/request/context/index.html delete mode 100644 files/zh-cn/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/zh-cn/web/api/request/context/index.html create mode 100644 files/zh-tw/orphaned/web/api/elementcssinlinestyle/style/index.html delete mode 100644 files/zh-tw/web/api/elementcssinlinestyle/style/index.html (limited to 'files') diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt index 393ca94a14..7673f09031 100644 --- a/files/es/_redirects.txt +++ b/files/es/_redirects.txt @@ -268,7 +268,7 @@ /es/docs/DOM/CssRule.selectorText /es/docs/Web/API/CSSStyleRule/selectorText /es/docs/DOM/Document.styleSheets /es/docs/Web/API/Document/styleSheets /es/docs/DOM/Element.setAttribute /es/docs/Web/API/Element/setAttribute -/es/docs/DOM/Element.style /es/docs/Web/API/ElementCSSInlineStyle/style +/es/docs/DOM/Element.style /es/docs/orphaned/Web/API/ElementCSSInlineStyle/style /es/docs/DOM/HTMLAudioElement /es/docs/Web/API/HTMLAudioElement /es/docs/DOM/HTMLTableElement /es/docs/Web/API/HTMLTableElement /es/docs/DOM/Manipulando_el_historial_del_navegador /es/docs/Web/API/History_API @@ -1802,6 +1802,7 @@ /es/docs/Web/API/Element/onlostpointercapture /es/docs/Web/API/GlobalEventHandlers/onlostpointercapture /es/docs/Web/API/Element/onwheel /es/docs/Web/API/GlobalEventHandlers/onwheel /es/docs/Web/API/Element/runtimeStyle /es/docs/orphaned/Web/API/Element/runtimeStyle +/es/docs/Web/API/ElementCSSInlineStyle/style /es/docs/orphaned/Web/API/ElementCSSInlineStyle/style /es/docs/Web/API/ElementosHTMLparaVideo /es/docs/Web/API/HTMLVideoElement /es/docs/Web/API/Event/createEvent /es/docs/Web/API/Document/createEvent /es/docs/Web/API/Fetch_API/Conceptos_basicos /es/docs/Web/API/Fetch_API/Basic_concepts @@ -1814,7 +1815,7 @@ /es/docs/Web/API/HTMLElement/dataset /es/docs/Web/API/HTMLOrForeignElement/dataset /es/docs/Web/API/HTMLElement/focus /es/docs/Web/API/HTMLOrForeignElement/focus /es/docs/Web/API/HTMLElement/invalid_event /es/docs/Web/API/HTMLInputElement/invalid_event -/es/docs/Web/API/HTMLElement/style /es/docs/Web/API/ElementCSSInlineStyle/style +/es/docs/Web/API/HTMLElement/style /es/docs/orphaned/Web/API/ElementCSSInlineStyle/style /es/docs/Web/API/IDBObjectStore.add /es/docs/Web/API/IDBObjectStore/add /es/docs/Web/API/IndexedDB_API/Conceptos_Basicos_Detras_De_IndexedDB /es/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB /es/docs/Web/API/IndexedDB_API/Usando_IndexedDB /es/docs/Web/API/IndexedDB_API/Using_IndexedDB diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json index e913508c27..7ba07e937a 100644 --- a/files/es/_wikihistory.json +++ b/files/es/_wikihistory.json @@ -6659,16 +6659,6 @@ "PRDeving" ] }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2019-03-23T23:58:09.934Z", - "contributors": [ - "SphinxKnight", - "fscholz", - "khalid32", - "teoli", - "HenryGR" - ] - }, "Web/API/Event": { "modified": "2019-03-24T00:00:03.889Z", "contributors": [ @@ -23433,6 +23423,16 @@ "SoftwareRVG" ] }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2019-03-23T23:58:09.934Z", + "contributors": [ + "SphinxKnight", + "fscholz", + "khalid32", + "teoli", + "HenryGR" + ] + }, "orphaned/Web/API/ParentNode": { "modified": "2019-03-23T22:43:20.773Z", "contributors": [ diff --git a/files/es/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/es/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..add3fa5480 --- /dev/null +++ b/files/es/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,53 @@ +--- +title: Element.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +

{{ ApiRef("HTML DOM") }}

+ +

Resumen

+ +

Devuelve un objeto que representa el atributo style del elemento.

+ +

Ejemplo

+ +
var div = document.getElementById("div1");
+div.style.marginTop = ".25in";
+
+ +

Notas

+ +

Ya que la propiedad style tiene la misma (y más alta) prioridad en la cascada CSS que las declaraciones in-line hechas mediante el atributo style, resulta muy útil para establecer el estilo en un elemento específico. 

+ +

Sin embargo, no resulta útil para aprender acerca del estilo original de un elemento, ya que representa sólo la declaración CSS en el atributo style in-line y no aquellos atributos que vienen de alguna otra parte, como las declaraciones en la sección <head> o en hojas de estilo.

+ +

Para recoger los valores de todas las propiedades CSS de un elemento, deberías usar window.getComputedStyle en su lugar.

+ +

Mira la lista de Propiedades CSS del DOM (DOM CSS Properties List) para tener una lista completa de las propiedades CSS que están disponibles en el Gecko DOM.

+ +

Generalmente es mejor usarla propiedad style que usar elt.setAttribute('style', '...'), ya que el uso de la propiedad style no reemplazará otras propiedades CSS que puedan especificarse en el atributo style.

+ +

Los estilos no pueden establecerse asignando una cadena a la propiedad (solo lectura) style, como en elt.style = "color: blue;". Esto es porque el atributo style devuelve un objeto del tipo CSSStyleDeclaration. En su lugar, pueds establecer las propiedades como:

+ +
elt.style.color = "blue";  // Asignación directa
+
+var st = elt.style;
+st.color = "blue";  // Asignación Indirecta
+
+ +

El siguiente código presenta los nombres de todas las propiedades style, los valores se establecen de forma explícita para los elementos elt y sus valores heredados: 

+ +
var elt = document.getElementById("elementIdHere");
+var out = "";
+var st = elt.style;
+var cs = window.getComputedStyle(elt, null);
+for (x in st)
+  out += "  " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n";
+
+ +

 

+ +

Especificación

+ +

DOM Level 2 Style: ElementCSSInlineStyle.style

diff --git a/files/es/web/api/elementcssinlinestyle/style/index.html b/files/es/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index dbe5d50c77..0000000000 --- a/files/es/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: Element.style -slug: Web/API/ElementCSSInlineStyle/style -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/HTMLElement/style ---- -

{{ ApiRef("HTML DOM") }}

- -

Resumen

- -

Devuelve un objeto que representa el atributo style del elemento.

- -

Ejemplo

- -
var div = document.getElementById("div1");
-div.style.marginTop = ".25in";
-
- -

Notas

- -

Ya que la propiedad style tiene la misma (y más alta) prioridad en la cascada CSS que las declaraciones in-line hechas mediante el atributo style, resulta muy útil para establecer el estilo en un elemento específico. 

- -

Sin embargo, no resulta útil para aprender acerca del estilo original de un elemento, ya que representa sólo la declaración CSS en el atributo style in-line y no aquellos atributos que vienen de alguna otra parte, como las declaraciones en la sección <head> o en hojas de estilo.

- -

Para recoger los valores de todas las propiedades CSS de un elemento, deberías usar window.getComputedStyle en su lugar.

- -

Mira la lista de Propiedades CSS del DOM (DOM CSS Properties List) para tener una lista completa de las propiedades CSS que están disponibles en el Gecko DOM.

- -

Generalmente es mejor usarla propiedad style que usar elt.setAttribute('style', '...'), ya que el uso de la propiedad style no reemplazará otras propiedades CSS que puedan especificarse en el atributo style.

- -

Los estilos no pueden establecerse asignando una cadena a la propiedad (solo lectura) style, como en elt.style = "color: blue;". Esto es porque el atributo style devuelve un objeto del tipo CSSStyleDeclaration. En su lugar, pueds establecer las propiedades como:

- -
elt.style.color = "blue";  // Asignación directa
-
-var st = elt.style;
-st.color = "blue";  // Asignación Indirecta
-
- -

El siguiente código presenta los nombres de todas las propiedades style, los valores se establecen de forma explícita para los elementos elt y sus valores heredados: 

- -
var elt = document.getElementById("elementIdHere");
-var out = "";
-var st = elt.style;
-var cs = window.getComputedStyle(elt, null);
-for (x in st)
-  out += "  " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n";
-
- -

 

- -

Especificación

- -

DOM Level 2 Style: ElementCSSInlineStyle.style

diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt index 938bfe19f3..50c34cc5c0 100644 --- a/files/fr/_redirects.txt +++ b/files/fr/_redirects.txt @@ -1020,7 +1020,7 @@ /fr/docs/DOM/element.setAttributeNS /fr/docs/Web/API/Element/setAttributeNS /fr/docs/DOM/element.setAttributeNode /fr/docs/Web/API/Element/setAttributeNode /fr/docs/DOM/element.setAttributeNodeNS /fr/docs/Web/API/Element/setAttributeNodeNS -/fr/docs/DOM/element.style /fr/docs/Web/API/ElementCSSInlineStyle/style +/fr/docs/DOM/element.style /fr/docs/orphaned/Web/API/ElementCSSInlineStyle/style /fr/docs/DOM/element.tabIndex /fr/docs/Web/API/HTMLOrForeignElement/tabIndex /fr/docs/DOM/element.tagName /fr/docs/Web/API/Element/tagName /fr/docs/DOM/element.textContent /fr/docs/Web/API/Node/textContent @@ -1179,7 +1179,7 @@ /fr/docs/DOM:element.setAttributeNS /fr/docs/Web/API/Element/setAttributeNS /fr/docs/DOM:element.setAttributeNode /fr/docs/Web/API/Element/setAttributeNode /fr/docs/DOM:element.setAttributeNodeNS /fr/docs/Web/API/Element/setAttributeNodeNS -/fr/docs/DOM:element.style /fr/docs/Web/API/ElementCSSInlineStyle/style +/fr/docs/DOM:element.style /fr/docs/orphaned/Web/API/ElementCSSInlineStyle/style /fr/docs/DOM:element.tabIndex /fr/docs/Web/API/HTMLOrForeignElement/tabIndex /fr/docs/DOM:element.tagName /fr/docs/Web/API/Element/tagName /fr/docs/DOM:element.textContent /fr/docs/Web/API/Node/textContent @@ -3755,7 +3755,7 @@ /fr/docs/Web/API/Element.setAttributeNS /fr/docs/Web/API/Element/setAttributeNS /fr/docs/Web/API/Element.setAttributeNode /fr/docs/Web/API/Element/setAttributeNode /fr/docs/Web/API/Element.setAttributeNodeNS /fr/docs/Web/API/Element/setAttributeNodeNS -/fr/docs/Web/API/Element.style /fr/docs/Web/API/ElementCSSInlineStyle/style +/fr/docs/Web/API/Element.style /fr/docs/orphaned/Web/API/ElementCSSInlineStyle/style /fr/docs/Web/API/Element.tagName /fr/docs/Web/API/Element/tagName /fr/docs/Web/API/Element.textContent /fr/docs/Web/API/Node/textContent /fr/docs/Web/API/Element/accessKey /fr/docs/Web/API/HTMLElement/accessKey @@ -3766,6 +3766,7 @@ /fr/docs/Web/API/Element/onwheel /fr/docs/Web/API/GlobalEventHandlers/onwheel /fr/docs/Web/API/Element/removeChild /fr/docs/Web/API/Node/removeChild /fr/docs/Web/API/Element/tabStop /fr/docs/orphaned/Web/API/Element/tabStop +/fr/docs/Web/API/ElementCSSInlineStyle/style /fr/docs/orphaned/Web/API/ElementCSSInlineStyle/style /fr/docs/Web/API/ElementTraversal /fr/docs/orphaned/Web/API/ElementTraversal /fr/docs/Web/API/Event.initEvent /fr/docs/Web/API/Event/initEvent /fr/docs/Web/API/Event.stopPropagation /fr/docs/Web/API/Event/stopPropagation @@ -3781,7 +3782,7 @@ /fr/docs/Web/API/GlobalFetch/fetch /fr/docs/Web/API/WindowOrWorkerGlobalScope/fetch /fr/docs/Web/API/HTMLElement/dataset /fr/docs/Web/API/HTMLOrForeignElement/dataset /fr/docs/Web/API/HTMLElement/focus /fr/docs/Web/API/HTMLOrForeignElement/focus -/fr/docs/Web/API/HTMLElement/style /fr/docs/Web/API/ElementCSSInlineStyle/style +/fr/docs/Web/API/HTMLElement/style /fr/docs/orphaned/Web/API/ElementCSSInlineStyle/style /fr/docs/Web/API/HTMLElement/tabIndex /fr/docs/Web/API/HTMLOrForeignElement/tabIndex /fr/docs/Web/API/HTMLFormElement/submit_event_ /fr/docs/Web/API/HTMLFormElement/submit_event /fr/docs/Web/API/HTMLTableElement.caption /fr/docs/Web/API/HTMLTableElement/caption diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json index 4f57d11c88..a9e6d61617 100644 --- a/files/fr/_wikihistory.json +++ b/files/fr/_wikihistory.json @@ -15778,22 +15778,6 @@ "BenoitL" ] }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2020-10-15T21:09:58.052Z", - "contributors": [ - "tristantheb", - "dominiquevilain", - "edspeedy", - "ebear", - "fscholz", - "teoli", - "xuancanh", - "Julien.stuby", - "BenoitL", - "Mgjbot", - "Takenbot" - ] - }, "Web/API/Encoding_API": { "modified": "2020-10-15T22:21:39.244Z", "contributors": [ @@ -45034,6 +45018,22 @@ "loella16" ] }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2020-10-15T21:09:58.052Z", + "contributors": [ + "tristantheb", + "dominiquevilain", + "edspeedy", + "ebear", + "fscholz", + "teoli", + "xuancanh", + "Julien.stuby", + "BenoitL", + "Mgjbot", + "Takenbot" + ] + }, "orphaned/Web/API/ElementTraversal": { "modified": "2019-03-18T21:39:02.443Z", "contributors": [ diff --git a/files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..d2cc6f6cbc --- /dev/null +++ b/files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,58 @@ +--- +title: HTMLElement.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +tags: + - DOM + - Style +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +

{{ APIRef("HTML DOM") }}

+ +

Résumé

+ +

Renvoie un objet représentant l'attribut style de l'élément.

+ +

Exemple

+ +
var div = document.getElementById("div1");
+div.style.marginTop = ".25cm";
+
+ +

Notes

+ +

Étant donné que la propriété style d'un élément représente sa déclaration de style en-ligne, qui se trouve dans son attribut style et qui a la priorité la plus haute dans la cascade CSS, elle est utile pour définir un style pour un élément particulier.

+ +

Cependant, elle n'est pas utile pour connaître le style de l'élément en général, puisqu'elle ne représente que les déclarations CSS définies dans l'attribut style de l'élément, et pas celles qui viennent d'autres règles de style, comme celles qui peuvent se trouver dans la section <head> ou des feuilles de style externes.

+ +

Pour obtenir les valeurs de toutes les propriétés CSS pour un élément, vous devriez plutôt utiliser window.getComputedStyle.

+ +

Consultez la liste des propriétés CSS DOM pour une liste des propriétés CSS accessibles depuis le DOM. Vous y trouverez quelques notes supplémentaires concernant l'utilisation de la propriété style pour styler des éléments dans le DOM.

+ +

Il est généralement préférable d'utiliser la propriété style plutôt que elt.setAttribute('style', '...') depuis un script, étant donné que l'utilisation de la propriété style n'écrasera pas les autres propriétés CSS qui peuvent avoir été spécifiées dans l'attribut style.

+ +

Spécification

+ + + +

Compatibilité des navigateurs

+ + + +

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

+ +

Voir aussi

+ + + +

Lien Externe

+ + + +

{{ languages( { "en": "en/DOM/element.style", "ja": "ja/DOM/element.style", "pl": "pl/DOM/element.style" } ) }}

diff --git a/files/fr/web/api/elementcssinlinestyle/style/index.html b/files/fr/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index f6a4337edf..0000000000 --- a/files/fr/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: HTMLElement.style -slug: Web/API/ElementCSSInlineStyle/style -tags: - - DOM - - Style -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/HTMLElement/style ---- -

{{ APIRef("HTML DOM") }}

- -

Résumé

- -

Renvoie un objet représentant l'attribut style de l'élément.

- -

Exemple

- -
var div = document.getElementById("div1");
-div.style.marginTop = ".25cm";
-
- -

Notes

- -

Étant donné que la propriété style d'un élément représente sa déclaration de style en-ligne, qui se trouve dans son attribut style et qui a la priorité la plus haute dans la cascade CSS, elle est utile pour définir un style pour un élément particulier.

- -

Cependant, elle n'est pas utile pour connaître le style de l'élément en général, puisqu'elle ne représente que les déclarations CSS définies dans l'attribut style de l'élément, et pas celles qui viennent d'autres règles de style, comme celles qui peuvent se trouver dans la section <head> ou des feuilles de style externes.

- -

Pour obtenir les valeurs de toutes les propriétés CSS pour un élément, vous devriez plutôt utiliser window.getComputedStyle.

- -

Consultez la liste des propriétés CSS DOM pour une liste des propriétés CSS accessibles depuis le DOM. Vous y trouverez quelques notes supplémentaires concernant l'utilisation de la propriété style pour styler des éléments dans le DOM.

- -

Il est généralement préférable d'utiliser la propriété style plutôt que elt.setAttribute('style', '...') depuis un script, étant donné que l'utilisation de la propriété style n'écrasera pas les autres propriétés CSS qui peuvent avoir été spécifiées dans l'attribut style.

- -

Spécification

- - - -

Compatibilité des navigateurs

- - - -

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

- -

Voir aussi

- - - -

Lien Externe

- - - -

{{ languages( { "en": "en/DOM/element.style", "ja": "ja/DOM/element.style", "pl": "pl/DOM/element.style" } ) }}

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index ed33bc73ac..ae285c5fdc 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -1543,7 +1543,7 @@ /ja/docs/DOM/element.setAttributeNS /ja/docs/Web/API/Element/setAttributeNS /ja/docs/DOM/element.setAttributeNode /ja/docs/Web/API/Element/setAttributeNode /ja/docs/DOM/element.setAttributeNodeNS /ja/docs/Web/API/Element/setAttributeNodeNS -/ja/docs/DOM/element.style /ja/docs/Web/API/ElementCSSInlineStyle/style +/ja/docs/DOM/element.style /ja/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ja/docs/DOM/element.tabIndex /ja/docs/Web/API/HTMLOrForeignElement/tabIndex /ja/docs/DOM/element.tagName /ja/docs/Web/API/Element/tagName /ja/docs/DOM/element.title /ja/docs/Web/API/HTMLElement/title @@ -1838,7 +1838,7 @@ /ja/docs/DOM:element.setAttributeNS /ja/docs/Web/API/Element/setAttributeNS /ja/docs/DOM:element.setAttributeNode /ja/docs/Web/API/Element/setAttributeNode /ja/docs/DOM:element.setAttributeNodeNS /ja/docs/Web/API/Element/setAttributeNodeNS -/ja/docs/DOM:element.style /ja/docs/Web/API/ElementCSSInlineStyle/style +/ja/docs/DOM:element.style /ja/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ja/docs/DOM:element.tagName /ja/docs/Web/API/Element/tagName /ja/docs/DOM:event /ja/docs/Web/API/Event /ja/docs/DOM:event.altKey /ja/docs/Web/API/MouseEvent/altKey @@ -3766,6 +3766,8 @@ /ja/docs/Web/API/Element/accessKey /ja/docs/Web/API/HTMLElement/accessKey /ja/docs/Web/API/Element/currentStyle /ja/docs/orphaned/Web/API/Element/currentStyle /ja/docs/Web/API/Element/name /ja/docs/conflicting/Web/API +/ja/docs/Web/API/ElementCSSInlineStyle /ja/docs/orphaned/Web/API/ElementCSSInlineStyle +/ja/docs/Web/API/ElementCSSInlineStyle/style /ja/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ja/docs/Web/API/Event/button /ja/docs/conflicting/Web/API/MouseEvent/button /ja/docs/Web/API/Event/createEvent /ja/docs/conflicting/Web/API/Document/createEvent /ja/docs/Web/API/EventHandler /ja/docs/orphaned/Web/Guide/Events/Event_handlers @@ -3809,7 +3811,7 @@ /ja/docs/Web/API/HTMLElement/focus /ja/docs/Web/API/HTMLOrForeignElement/focus /ja/docs/Web/API/HTMLElement/forceSpellCheck /ja/docs/orphaned/Web/API/HTMLElement/forceSpellCheck /ja/docs/Web/API/HTMLElement/nonce /ja/docs/Web/API/HTMLOrForeignElement/nonce -/ja/docs/Web/API/HTMLElement/style /ja/docs/Web/API/ElementCSSInlineStyle/style +/ja/docs/Web/API/HTMLElement/style /ja/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ja/docs/Web/API/HTMLElement/tabIndex /ja/docs/Web/API/HTMLOrForeignElement/tabIndex /ja/docs/Web/API/HTMLFormElement.acceptCharset /ja/docs/Web/API/HTMLFormElement/acceptCharset /ja/docs/Web/API/HTMLFormElement.action /ja/docs/Web/API/HTMLFormElement/action diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index bf33905847..6a256e9d6e 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -14437,26 +14437,6 @@ "mfuji09" ] }, - "Web/API/ElementCSSInlineStyle": { - "modified": "2020-10-15T22:32:46.972Z", - "contributors": [ - "mfuji09" - ] - }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2020-10-15T21:16:29.287Z", - "contributors": [ - "mfuji09", - "mikimhk", - "Uemmra3", - "momdo", - "fscholz", - "jsx", - "Shoot", - "Marsf", - "Okome" - ] - }, "Web/API/Encoding_API": { "modified": "2020-10-15T22:22:31.468Z", "contributors": [ @@ -52310,6 +52290,26 @@ "mikamikuh" ] }, + "orphaned/Web/API/ElementCSSInlineStyle": { + "modified": "2020-10-15T22:32:46.972Z", + "contributors": [ + "mfuji09" + ] + }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2020-10-15T21:16:29.287Z", + "contributors": [ + "mfuji09", + "mikimhk", + "Uemmra3", + "momdo", + "fscholz", + "jsx", + "Shoot", + "Marsf", + "Okome" + ] + }, "orphaned/Web/API/HTMLElement/forceSpellCheck": { "modified": "2020-10-15T22:22:28.662Z", "contributors": [ diff --git a/files/ja/orphaned/web/api/elementcssinlinestyle/index.html b/files/ja/orphaned/web/api/elementcssinlinestyle/index.html new file mode 100644 index 0000000000..c654081ebb --- /dev/null +++ b/files/ja/orphaned/web/api/elementcssinlinestyle/index.html @@ -0,0 +1,57 @@ +--- +title: ElementCSSInlineStyle +slug: orphaned/Web/API/ElementCSSInlineStyle +tags: + - API + - CSS + - ElementCSSInlineStyle + - Interface + - Mixin + - Reference + - ミックスイン +translation_of: Web/API/ElementCSSInlineStyle +original_slug: Web/API/ElementCSSInlineStyle +--- +

{{APIRef("CSSOM")}}{{Draft}}

+ +

ElementCSSInlineStyle ミックスインは、 {{DOMxRef("HTMLElement")}}, {{DOMxRef("SVGElement")}}, {{DOMxRef("MathMLElement")}} インターフェイスで共通の CSSOM に特化した機能を記述します。これらのインターフェイスは、もちろん、以下に上げたものに加えて機能を追加することができます。

+ +
+

注: ElementCSSInlineStyle はミックスインであり、インターフェイスではありません。実際に ElementCSSInlineStyle 型のオブジェクトを生成することはできません。

+
+ +
{{InterfaceOverview("CSSOM")}}
+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("CSSOM", "#the-elementcssinlinestyle-mixin", 'HTMLOrForeignElement')}}{{Spec2("CSSOM")}}初回定義
+ +

ブラウザーの互換性

+ + + +

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

+ +

関連情報

+ + diff --git a/files/ja/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/ja/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..75984c4084 --- /dev/null +++ b/files/ja/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,103 @@ +--- +title: ElementCSSInlineStyle.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +tags: + - API + - CSSOM + - HTMLElement + - Property + - Reference + - SVGElement + - Style +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +
{{APIRef("CSSOM")}}
+ +

styleプロパティは、要素のインラインスタイルと同様に設定したり取得したりするために使用します。取得時は {{domxref("CSSStyleDeclaration")}} オブジェクトで、その要素のインラインの style 属性で定義された属性に割り当てられた値を持つ、その要素のすべてのスタイルプロパティのリストを返します。

+ +

style 経由でアクセス可能な CSS プロパティのリストについては、CSS プロパティリファレンスを参照してください。style プロパティは CSS カスケードで style 属性によるインラインスタイル宣言と同じ (かつ最高の) 優先順位を持ちます。

+ +

スタイルの設定

+ +

スタイルは style プロパティに (elt.style = "color: blue;" のように) 文字列で直接代入して設定しないでください。これは style 属性が読み取り専用であり、また CSSStyleDeclaration オブジェクトも読み取り専用だからです。代わりに、 style. のプロパティに値を代入してスタイルを設定できます。要素に対して特定のスタイルを他のスタイル値を変えずに追加するため、 style の個々のプロパティを (elt.style.color = '...'のように) 使うことをお勧めします。 elt.style.cssText = '...' や elt.setAttribute('style', '...') では要素のインラインスタイルを、既存のインラインスタイルを上書きすることで設定するからです。なお、 elt.style.<プロパティ> を使ってスタイルを設定する時、プロパティ名はキャメルケースであって、ケバブケースでないので注意してください (つまり elt.style.fontSizeとなり、 elt.style.font-sizeではありません)。

+ +

スタイル宣言は null または空文字を設定することでリセットします。例えば elt.style.color = null のようにします。 Internet Explorer は空文字列を設定する必要があり、 null に設定しても何も起こりません。

+ +

例

+ +
// Set multiple styles in a single statement
+elt.style.cssText = "color: blue; border: 1px solid black";
+// Or
+elt.setAttribute("style", "color:red; border: 1px solid blue;");
+
+// Set specific style while leaving other inline style values untouched
+elt.style.color = "blue";
+
+ +

スタイル情報の取得

+ +

style プロパティは、要素に適用されているスタイルを完全に知るためには有用ではありません。これは、要素のインラインの style 属性に設定されている CSS 宣言のみを表し、 {{HTMLElement("head")}} セクションのスタイル規則や外部のスタイルシートなど、他の場所のスタイル規則に由来するものを表してはいないからです。要素のすべての CSS プロパティの値を取得するには、代わりに {{domxref("Window.getComputedStyle()")}} を使用する必要があります。

+ +

次のコードスニペットは、要素の style プロパティで取得する値と、getComputedStyle() で取得するものの違いを実演します。

+ +
<!DOCTYPE HTML>
+<html>
+  <body style="font-weight:bold;">
+    <div style="color:red" id="myElement">..</div>
+  </body>
+</html>
+
+ +
var element = document.getElementById("myElement");
+var out = "";
+var elementStyle = element.style;
+var computedStyle = window.getComputedStyle(element, null);
+
+for (prop in elementStyle) {
+  if (elementStyle.hasOwnProperty(prop)) {
+    out += "  " + prop + " = '" + elementStyle[prop] + "' > '" + computedStyle[prop] + "'\n";
+  }
+}
+console.log(out)
+
+ +

出力されるコードは次のようなものです。

+ +
...
+fontWeight = '' > 'bold'
+color = 'red' > 'rgb(255, 0, 0)'
+...
+ +

font-weight のスタイルの計算値に bold の値がありますが、要素の style プロパティにはないことに注意してください。

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSSOM', '#dom-elementcssinlinestyle-style', 'the ElementCSSInlineStyle.style property')}}{{Spec2('CSSOM')}}初回定義
+ +

ブラウザーの互換性

+ + + +

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

+ +

関連情報

+ + diff --git a/files/ja/web/api/elementcssinlinestyle/index.html b/files/ja/web/api/elementcssinlinestyle/index.html deleted file mode 100644 index 92dcedfaba..0000000000 --- a/files/ja/web/api/elementcssinlinestyle/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: ElementCSSInlineStyle -slug: Web/API/ElementCSSInlineStyle -tags: - - API - - CSS - - ElementCSSInlineStyle - - Interface - - Mixin - - Reference - - ミックスイン -translation_of: Web/API/ElementCSSInlineStyle ---- -

{{APIRef("CSSOM")}}{{Draft}}

- -

ElementCSSInlineStyle ミックスインは、 {{DOMxRef("HTMLElement")}}, {{DOMxRef("SVGElement")}}, {{DOMxRef("MathMLElement")}} インターフェイスで共通の CSSOM に特化した機能を記述します。これらのインターフェイスは、もちろん、以下に上げたものに加えて機能を追加することができます。

- -
-

注: ElementCSSInlineStyle はミックスインであり、インターフェイスではありません。実際に ElementCSSInlineStyle 型のオブジェクトを生成することはできません。

-
- -
{{InterfaceOverview("CSSOM")}}
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("CSSOM", "#the-elementcssinlinestyle-mixin", 'HTMLOrForeignElement')}}{{Spec2("CSSOM")}}初回定義
- -

ブラウザーの互換性

- - - -

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

- -

関連情報

- - diff --git a/files/ja/web/api/elementcssinlinestyle/style/index.html b/files/ja/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index 7ada731216..0000000000 --- a/files/ja/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: ElementCSSInlineStyle.style -slug: Web/API/ElementCSSInlineStyle/style -tags: - - API - - CSSOM - - HTMLElement - - Property - - Reference - - SVGElement - - Style -translation_of: Web/API/ElementCSSInlineStyle/style ---- -
{{APIRef("CSSOM")}}
- -

styleプロパティは、要素のインラインスタイルと同様に設定したり取得したりするために使用します。取得時は {{domxref("CSSStyleDeclaration")}} オブジェクトで、その要素のインラインの style 属性で定義された属性に割り当てられた値を持つ、その要素のすべてのスタイルプロパティのリストを返します。

- -

style 経由でアクセス可能な CSS プロパティのリストについては、CSS プロパティリファレンスを参照してください。style プロパティは CSS カスケードで style 属性によるインラインスタイル宣言と同じ (かつ最高の) 優先順位を持ちます。

- -

スタイルの設定

- -

スタイルは style プロパティに (elt.style = "color: blue;" のように) 文字列で直接代入して設定しないでください。これは style 属性が読み取り専用であり、また CSSStyleDeclaration オブジェクトも読み取り専用だからです。代わりに、 style. のプロパティに値を代入してスタイルを設定できます。要素に対して特定のスタイルを他のスタイル値を変えずに追加するため、 style の個々のプロパティを (elt.style.color = '...'のように) 使うことをお勧めします。 elt.style.cssText = '...' や elt.setAttribute('style', '...') では要素のインラインスタイルを、既存のインラインスタイルを上書きすることで設定するからです。なお、 elt.style.<プロパティ> を使ってスタイルを設定する時、プロパティ名はキャメルケースであって、ケバブケースでないので注意してください (つまり elt.style.fontSizeとなり、 elt.style.font-sizeではありません)。

- -

スタイル宣言は null または空文字を設定することでリセットします。例えば elt.style.color = null のようにします。 Internet Explorer は空文字列を設定する必要があり、 null に設定しても何も起こりません。

- -

例

- -
// Set multiple styles in a single statement
-elt.style.cssText = "color: blue; border: 1px solid black";
-// Or
-elt.setAttribute("style", "color:red; border: 1px solid blue;");
-
-// Set specific style while leaving other inline style values untouched
-elt.style.color = "blue";
-
- -

スタイル情報の取得

- -

style プロパティは、要素に適用されているスタイルを完全に知るためには有用ではありません。これは、要素のインラインの style 属性に設定されている CSS 宣言のみを表し、 {{HTMLElement("head")}} セクションのスタイル規則や外部のスタイルシートなど、他の場所のスタイル規則に由来するものを表してはいないからです。要素のすべての CSS プロパティの値を取得するには、代わりに {{domxref("Window.getComputedStyle()")}} を使用する必要があります。

- -

次のコードスニペットは、要素の style プロパティで取得する値と、getComputedStyle() で取得するものの違いを実演します。

- -
<!DOCTYPE HTML>
-<html>
-  <body style="font-weight:bold;">
-    <div style="color:red" id="myElement">..</div>
-  </body>
-</html>
-
- -
var element = document.getElementById("myElement");
-var out = "";
-var elementStyle = element.style;
-var computedStyle = window.getComputedStyle(element, null);
-
-for (prop in elementStyle) {
-  if (elementStyle.hasOwnProperty(prop)) {
-    out += "  " + prop + " = '" + elementStyle[prop] + "' > '" + computedStyle[prop] + "'\n";
-  }
-}
-console.log(out)
-
- -

出力されるコードは次のようなものです。

- -
...
-fontWeight = '' > 'bold'
-color = 'red' > 'rgb(255, 0, 0)'
-...
- -

font-weight のスタイルの計算値に bold の値がありますが、要素の style プロパティにはないことに注意してください。

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSSOM', '#dom-elementcssinlinestyle-style', 'the ElementCSSInlineStyle.style property')}}{{Spec2('CSSOM')}}初回定義
- -

ブラウザーの互換性

- - - -

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

- -

関連情報

- - diff --git a/files/ko/_redirects.txt b/files/ko/_redirects.txt index c90cff6132..c8051c42a2 100644 --- a/files/ko/_redirects.txt +++ b/files/ko/_redirects.txt @@ -234,7 +234,7 @@ /ko/docs/DOM/element.lastChild /ko/docs/Web/API/Node/lastChild /ko/docs/DOM/element.length /ko/docs/Web/API/NodeList/length /ko/docs/DOM/element.scrollIntoView /ko/docs/Web/API/Element/scrollIntoView -/ko/docs/DOM/element.style /ko/docs/Web/API/ElementCSSInlineStyle/style +/ko/docs/DOM/element.style /ko/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ko/docs/DOM/element.tabIndex /ko/docs/Web/API/HTMLOrForeignElement/tabIndex /ko/docs/DOM/event /ko/docs/Web/API/Event /ko/docs/DOM/event.cancelable /ko/docs/Web/API/Event/cancelable @@ -264,7 +264,7 @@ /ko/docs/DOM:element.firstChild /ko/docs/Web/API/Node/firstChild /ko/docs/DOM:element.lastChild /ko/docs/Web/API/Node/lastChild /ko/docs/DOM:element.length /ko/docs/Web/API/NodeList/length -/ko/docs/DOM:element.style /ko/docs/Web/API/ElementCSSInlineStyle/style +/ko/docs/DOM:element.style /ko/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ko/docs/DOM:element.tabIndex /ko/docs/Web/API/HTMLOrForeignElement/tabIndex /ko/docs/DOM:event /ko/docs/Web/API/Event /ko/docs/DOM:form /ko/docs/Web/API/HTMLFormElement @@ -615,11 +615,12 @@ /ko/docs/Web/API/Element/childNodes /ko/docs/Web/API/Node/childNodes /ko/docs/Web/API/Element/currentStyle /ko/docs/orphaned/Web/API/Element/currentStyle /ko/docs/Web/API/Element/firstChild /ko/docs/Web/API/Node/firstChild +/ko/docs/Web/API/ElementCSSInlineStyle/style /ko/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ko/docs/Web/API/Event/createEvent /ko/docs/Web/API/Document/createEvent /ko/docs/Web/API/Fetch_API/Fetch의_사용법 /ko/docs/Web/API/Fetch_API/Using_Fetch /ko/docs/Web/API/FileReader.result /ko/docs/Web/API/FileReader/result /ko/docs/Web/API/HTMLElement/dataset /ko/docs/Web/API/HTMLOrForeignElement/dataset -/ko/docs/Web/API/HTMLElement/style /ko/docs/Web/API/ElementCSSInlineStyle/style +/ko/docs/Web/API/HTMLElement/style /ko/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ko/docs/Web/API/HTMLElement/tabIndex /ko/docs/Web/API/HTMLOrForeignElement/tabIndex /ko/docs/Web/API/HTMLHyperlinkElementUtils /ko/docs/orphaned/Web/API/HTMLHyperlinkElementUtils /ko/docs/Web/API/HTMLHyperlinkElementUtils/href /ko/docs/Web/API/HTMLAnchorElement/href diff --git a/files/ko/_wikihistory.json b/files/ko/_wikihistory.json index 7d27e3cebf..9c2e0878d5 100644 --- a/files/ko/_wikihistory.json +++ b/files/ko/_wikihistory.json @@ -4703,16 +4703,6 @@ "Kim.Hyunjung" ] }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2020-10-15T21:18:22.703Z", - "contributors": [ - "alattalatta", - "fscholz", - "AshfaqHossain", - "teoli", - "Netaras" - ] - }, "Web/API/Encoding_API": { "modified": "2020-10-15T22:26:02.845Z", "contributors": [ @@ -18381,6 +18371,16 @@ "nugurejeil" ] }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2020-10-15T21:18:22.703Z", + "contributors": [ + "alattalatta", + "fscholz", + "AshfaqHossain", + "teoli", + "Netaras" + ] + }, "orphaned/Web/API/HTMLHyperlinkElementUtils": { "modified": "2020-10-15T22:15:23.043Z", "contributors": [ diff --git a/files/ko/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/ko/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..ef9d2c90e0 --- /dev/null +++ b/files/ko/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,42 @@ +--- +title: element.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +tags: + - API + - HTML DOM + - HTMLElement + - Property + - Reference + - Style +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +
{{ APIRef("HTML DOM") }}
+ +

HTMLElement.style 속성은 요소의 인라인 스타일에 접근하거나 설정할 때 사용할 수 있습니다. 접근자로서는 요소의 인라인 style 속성이 포함한 CSS 선언을 담은 {{domxref("CSSStyleDeclaration")}} 객체를 반환합니다

+ +

예제

+ +
// Set multiple styles in a single statement
+elt.style.cssText = "color: blue; border: 1px solid black";
+// Or
+elt.setAttribute("style", "color:red; border: 1px solid blue;");
+
+// Set specific style while leaving other inline style values untouched
+elt.style.color = "blue";
+ +

명세

+ +

DOM Level 2 Style: ElementCSSInlineStyle.style

+ +

CSSOM: ElementCSSInlineStyle

+ +

브라우저 호환성

+ +

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

+ +

같이 보기

+ + diff --git a/files/ko/web/api/elementcssinlinestyle/style/index.html b/files/ko/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index 14083b9d84..0000000000 --- a/files/ko/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: element.style -slug: Web/API/ElementCSSInlineStyle/style -tags: - - API - - HTML DOM - - HTMLElement - - Property - - Reference - - Style -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/HTMLElement/style ---- -
{{ APIRef("HTML DOM") }}
- -

HTMLElement.style 속성은 요소의 인라인 스타일에 접근하거나 설정할 때 사용할 수 있습니다. 접근자로서는 요소의 인라인 style 속성이 포함한 CSS 선언을 담은 {{domxref("CSSStyleDeclaration")}} 객체를 반환합니다

- -

예제

- -
// Set multiple styles in a single statement
-elt.style.cssText = "color: blue; border: 1px solid black";
-// Or
-elt.setAttribute("style", "color:red; border: 1px solid blue;");
-
-// Set specific style while leaving other inline style values untouched
-elt.style.color = "blue";
- -

명세

- -

DOM Level 2 Style: ElementCSSInlineStyle.style

- -

CSSOM: ElementCSSInlineStyle

- -

브라우저 호환성

- -

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

- -

같이 보기

- - diff --git a/files/pl/_redirects.txt b/files/pl/_redirects.txt index a6a06b0e0a..90055f2d98 100644 --- a/files/pl/_redirects.txt +++ b/files/pl/_redirects.txt @@ -437,7 +437,7 @@ /pl/docs/DOM/element.setAttributeNS /pl/docs/Web/API/Element/setAttributeNS /pl/docs/DOM/element.setAttributeNode /pl/docs/Web/API/Element/setAttributeNode /pl/docs/DOM/element.setAttributeNodeNS /pl/docs/Web/API/Element/setAttributeNodeNS -/pl/docs/DOM/element.style /pl/docs/Web/API/ElementCSSInlineStyle/style +/pl/docs/DOM/element.style /pl/docs/orphaned/Web/API/ElementCSSInlineStyle/style /pl/docs/DOM/element.tabIndex /pl/docs/Web/API/HTMLOrForeignElement/tabIndex /pl/docs/DOM/element.tagName /pl/docs/Web/API/Element/tagName /pl/docs/DOM/element.textContent /pl/docs/Web/API/Node/textContent @@ -685,7 +685,7 @@ /pl/docs/DOM:element.setAttributeNS /pl/docs/Web/API/Element/setAttributeNS /pl/docs/DOM:element.setAttributeNode /pl/docs/Web/API/Element/setAttributeNode /pl/docs/DOM:element.setAttributeNodeNS /pl/docs/Web/API/Element/setAttributeNodeNS -/pl/docs/DOM:element.style /pl/docs/Web/API/ElementCSSInlineStyle/style +/pl/docs/DOM:element.style /pl/docs/orphaned/Web/API/ElementCSSInlineStyle/style /pl/docs/DOM:element.tabIndex /pl/docs/Web/API/HTMLOrForeignElement/tabIndex /pl/docs/DOM:element.tagName /pl/docs/Web/API/Element/tagName /pl/docs/DOM:element.textContent /pl/docs/Web/API/Node/textContent @@ -1970,9 +1970,10 @@ /pl/docs/Web/API/Element/previousSibling /pl/docs/Web/API/Node/previousSibling /pl/docs/Web/API/Element/removeChild /pl/docs/Web/API/Node/removeChild /pl/docs/Web/API/Element/replaceChild /pl/docs/Web/API/Node/replaceChild -/pl/docs/Web/API/Element/style /pl/docs/Web/API/ElementCSSInlineStyle/style +/pl/docs/Web/API/Element/style /pl/docs/orphaned/Web/API/ElementCSSInlineStyle/style /pl/docs/Web/API/Element/tabIndex /pl/docs/Web/API/HTMLOrForeignElement/tabIndex /pl/docs/Web/API/Element/textContent /pl/docs/Web/API/Node/textContent +/pl/docs/Web/API/ElementCSSInlineStyle/style /pl/docs/orphaned/Web/API/ElementCSSInlineStyle/style /pl/docs/Web/API/Event/altKey /pl/docs/Web/API/MouseEvent/altKey /pl/docs/Web/API/Event/button /pl/docs/Web/API/MouseEvent/button /pl/docs/Web/API/Event/cancelBubble /pl/docs/orphaned/Web/API/UIEvent/cancelBubble diff --git a/files/pl/_wikihistory.json b/files/pl/_wikihistory.json index da640bc203..ba15500870 100644 --- a/files/pl/_wikihistory.json +++ b/files/pl/_wikihistory.json @@ -2468,19 +2468,6 @@ "Ptak82" ] }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2019-03-23T23:56:38.082Z", - "contributors": [ - "lotny", - "SphinxKnight", - "teoli", - "jsx", - "obelyx", - "Ptak82", - "Mgjbot", - "Jan Dudek" - ] - }, "Web/API/Event": { "modified": "2020-03-06T04:03:57.947Z", "contributors": [ @@ -11223,6 +11210,19 @@ "krystian71115" ] }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2019-03-23T23:56:38.082Z", + "contributors": [ + "lotny", + "SphinxKnight", + "teoli", + "jsx", + "obelyx", + "Ptak82", + "Mgjbot", + "Jan Dudek" + ] + }, "orphaned/Web/API/ParentNode": { "modified": "2020-10-15T22:19:13.921Z" }, diff --git a/files/pl/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/pl/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..3760e21a4d --- /dev/null +++ b/files/pl/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,53 @@ +--- +title: element.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Strony_wymagające_dopracowania + - Wszystkie_kategorie +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +

{{ ApiRef("DOM") }}

+ +

Podsumowanie

+ +

Zwraca obiekt reprezentujący atrybut style elementu.

+ +

Przykład

+ +
var div = document.getElementById("div1");
+div.style.marginTop = ".25in";
+
+ +

Uwagi

+ +

Ponieważ własność style reprezentuje atrybut style, który ma najwyższy priorytet w kaskadzie CSS, własność ta jest użyteczna by ustawić styl określonego elementu. Nie przyda się jednak do sprawdzania stylu elementu, ponieważ zależy ona tylko od atrybutu style, a nie od reguł stylów określonych gdziekolwiek indziej. Możesz użyć window.getComputedStyle, by sprawdzić styl elementu.

+ +

Zobacz listę własności CSS dostępnych w DOM, gdzie znajdziesz też dodatkowe uwagi o zastosowaniu własności style.

+ +

Ogólnie rzecz biorąc, lepiej jest użyć własność style zamiast elt.setAttribute('style', '...'), ponieważ użycie style nie nadpisze innych własności CSS, które mogły być wcześniej określone atrybutem style.

+ +

Styli nie można ustawiać poprzez przekazywania łańcucha znaków do atrybutu style (tylko odczyt), np. elt.style = "color: blue;". Jest to niemożliwe ponieważ atrybut stylu zwraca obiekt CSSStyleDeclaration . Zamiast tego, możesz ustawić poszczególne własności atrybutu style w ten sposób:

+ +
elt.style.color = "blue";  // Directly
+
+var st = elt.style;
+st.color = "blue";  // Indirectly
+
+ +

Poniższy kod wyświetli nazwy wszystkich własności stylu, wartości ustawione dla elementu elt oraz dziedziczone 'przeliczone'' wartości:

+ +
var elt = document.getElementById("elementIdHere");
+var out = "";
+var st = elt.style;
+var cs = window.getComputedStyle(z, null);
+for (x in st)
+  out += "  " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n";
+
+ +

Specyfikacja

+ +

DOM Level 2 Style: ElementCSSInlineStyle.style

diff --git a/files/pl/web/api/elementcssinlinestyle/style/index.html b/files/pl/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index 80ee084961..0000000000 --- a/files/pl/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: element.style -slug: Web/API/ElementCSSInlineStyle/style -tags: - - DOM - - Dokumentacja_Gecko_DOM - - Gecko - - Strony_wymagające_dopracowania - - Wszystkie_kategorie -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/Element/style ---- -

{{ ApiRef("DOM") }}

- -

Podsumowanie

- -

Zwraca obiekt reprezentujący atrybut style elementu.

- -

Przykład

- -
var div = document.getElementById("div1");
-div.style.marginTop = ".25in";
-
- -

Uwagi

- -

Ponieważ własność style reprezentuje atrybut style, który ma najwyższy priorytet w kaskadzie CSS, własność ta jest użyteczna by ustawić styl określonego elementu. Nie przyda się jednak do sprawdzania stylu elementu, ponieważ zależy ona tylko od atrybutu style, a nie od reguł stylów określonych gdziekolwiek indziej. Możesz użyć window.getComputedStyle, by sprawdzić styl elementu.

- -

Zobacz listę własności CSS dostępnych w DOM, gdzie znajdziesz też dodatkowe uwagi o zastosowaniu własności style.

- -

Ogólnie rzecz biorąc, lepiej jest użyć własność style zamiast elt.setAttribute('style', '...'), ponieważ użycie style nie nadpisze innych własności CSS, które mogły być wcześniej określone atrybutem style.

- -

Styli nie można ustawiać poprzez przekazywania łańcucha znaków do atrybutu style (tylko odczyt), np. elt.style = "color: blue;". Jest to niemożliwe ponieważ atrybut stylu zwraca obiekt CSSStyleDeclaration . Zamiast tego, możesz ustawić poszczególne własności atrybutu style w ten sposób:

- -
elt.style.color = "blue";  // Directly
-
-var st = elt.style;
-st.color = "blue";  // Indirectly
-
- -

Poniższy kod wyświetli nazwy wszystkich własności stylu, wartości ustawione dla elementu elt oraz dziedziczone 'przeliczone'' wartości:

- -
var elt = document.getElementById("elementIdHere");
-var out = "";
-var st = elt.style;
-var cs = window.getComputedStyle(z, null);
-for (x in st)
-  out += "  " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n";
-
- -

Specyfikacja

- -

DOM Level 2 Style: ElementCSSInlineStyle.style

diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt index f0156d2c81..3d59a6867c 100644 --- a/files/ru/_redirects.txt +++ b/files/ru/_redirects.txt @@ -400,6 +400,7 @@ /ru/docs/Web/API/Element.insertAdjacentHTML /ru/docs/Web/API/Element/insertAdjacentHTML /ru/docs/Web/API/Element/accessKey /ru/docs/Web/API/HTMLElement/accessKey /ru/docs/Web/API/Element/currentStyle /ru/docs/orphaned/Web/API/Element/currentStyle +/ru/docs/Web/API/ElementCSSInlineStyle/style /ru/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ru/docs/Web/API/EventTarget.addEventListener /ru/docs/Web/API/EventTarget/addEventListener /ru/docs/Web/API/EventTarget/attachEvent /ru/docs/conflicting/Web/API/EventTarget/addEventListener /ru/docs/Web/API/EventTarget/detachEvent /ru/docs/conflicting/Web/API/EventTarget/removeEventListener @@ -410,7 +411,7 @@ /ru/docs/Web/API/HTMLElement/dataset /ru/docs/Web/API/HTMLOrForeignElement/dataset /ru/docs/Web/API/HTMLElement/invalid /ru/docs/Web/API/HTMLInputElement/invalid_event /ru/docs/Web/API/HTMLElement/nonce /ru/docs/Web/API/HTMLOrForeignElement/nonce -/ru/docs/Web/API/HTMLElement/style /ru/docs/Web/API/ElementCSSInlineStyle/style +/ru/docs/Web/API/HTMLElement/style /ru/docs/orphaned/Web/API/ElementCSSInlineStyle/style /ru/docs/Web/API/HTMLElement/tabIndex /ru/docs/Web/API/HTMLOrForeignElement/tabIndex /ru/docs/Web/API/HTMLHyperlinkElementUtils /ru/docs/orphaned/Web/API/HTMLHyperlinkElementUtils /ru/docs/Web/API/HTMLHyperlinkElementUtils/hash /ru/docs/Web/API/HTMLAnchorElement/hash diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json index 2b64323dd2..32482bd80c 100644 --- a/files/ru/_wikihistory.json +++ b/files/ru/_wikihistory.json @@ -7778,16 +7778,6 @@ "In4in" ] }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2020-10-15T21:35:49.277Z", - "contributors": [ - "Fantomhaiv", - "elidare", - "maxpolski", - "nkoptsov", - "surrsoft" - ] - }, "Web/API/Event": { "modified": "2019-08-14T12:21:25.951Z", "contributors": [ @@ -25504,6 +25494,16 @@ "RenatTOP" ] }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2020-10-15T21:35:49.277Z", + "contributors": [ + "Fantomhaiv", + "elidare", + "maxpolski", + "nkoptsov", + "surrsoft" + ] + }, "orphaned/Web/API/HTMLHyperlinkElementUtils": { "modified": "2019-03-23T22:27:08.817Z", "contributors": [ diff --git a/files/ru/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/ru/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..72bae0ee34 --- /dev/null +++ b/files/ru/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,79 @@ +--- +title: HTMLElement.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +tags: + - API + - HTML DOM + - HTMLElement + - NeedsBrowserAgnosticism + - NeedsBrowserCompatibility + - NeedsMarkupWork + - NeedsSpecTable + - Свойство + - Ссылки +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +

Кратко

+ +
+
{{ APIRef("HTML DOM") }}
+
+ +

Свойство HTMLElement.style используется для получения и установки инлайновых стилей. При получении возвращается объект CSSStyleDeclaration , который содержит список из всех свойств стилей для этого элемента с значениями заданными  для атрибутов , что определённы  в инлайновом стиле (см. атрибут стиля) элемента. См. CSS Properties Reference для получения списка CSS свойств применимых вместе со style.  

+ +

Настройка стилей

+ +

Свойство style имеет тот же приоритет (и выше) в каскаде CSS как и прямая декларация стиля через атрибут style, полезен для настройки стиля отдельного специфичного элемента.

+ +

Стили не следует устанавливать непосредственно через свойство style (например elt.style = "color: blue;"), поскольку оно считается доступным только для чтения и атрибут style возвращает объект CSSStyleDeclaration который доступен только для чтения. Вместо этого стили могут быть установлены путём присвоения значений свойствам style. Для добавления определённых стилей для элемента без изменения других свойств стилей предпочтительно использовать отдельные свойства style (например elt.style.color = '...'). +При использовании
elt.style.cssText = '...' или elt.setAttribute('style','...') устанавливаются стили перезаписывая уже существующие. Обратите внимание, что имена свойств стилей задаются в camel-case а не в kebab-case elt.style.<property> (т.е., elt.style.fontSize, а не elt.style.font-size).

+ +

Объявленные стили сбрасываются присваиванием значения null,
elt.style.color = null

+ +

Примеры

+ +
// Устанавливает несколько стилей в одном выражении
+elt.style.cssText = "color: blue; border: 1px solid black";
+// Или
+elt.setAttribute("style", "color:red; border: 1px solid blue;");
+
+// Устанавливает определённый стиль оставляя другие значения стиля нетронутыми
+elt.style.color = "blue";
+ +

Получение стиль-информации

+ +

Свойство style в основном не имеет пользы в части информации о стиле элемента, оно только олицетворяет собой набор CSS деклараций атрибутов style элемента, а не тех которые проистекают из стиль-правил откуда-либо ещё, таких как стилевые правила раздела {{HTMLElement("head")}}, или внешней таблицы стилей. Для получения значений всех CSS свойств элемента вы должны использовать вместо этого {{domxref("window.getComputedStyle()")}}.

+ +
+
var div = document.getElementById("div1");
+div.style.marginTop = ".25in";
+
+ +

Следующий код показывает имена всех свойств стиля, значений, заданных явно для элемента elt и унаследованных "рассчитанных" значений:

+ +
var elt = document.getElementById("elementIdHere");
+var out = "";
+var st = elt.style;
+var cs = window.getComputedStyle(elt, null);
+for (x in st) {
+  out += "  " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n";
+}
+ +

Спецификация

+ +

DOM Level 2 Style: ElementCSSInlineStyle.style

+ +

CSSOM: ElementCSSInlineStyle

+ +

Совместимость

+ + + +

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

+ +

Смотрите также

+ + diff --git a/files/ru/web/api/elementcssinlinestyle/style/index.html b/files/ru/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index 5282f0cbb3..0000000000 --- a/files/ru/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: HTMLElement.style -slug: Web/API/ElementCSSInlineStyle/style -tags: - - API - - HTML DOM - - HTMLElement - - NeedsBrowserAgnosticism - - NeedsBrowserCompatibility - - NeedsMarkupWork - - NeedsSpecTable - - Свойство - - Ссылки -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/HTMLElement/style ---- -

Кратко

- -
-
{{ APIRef("HTML DOM") }}
-
- -

Свойство HTMLElement.style используется для получения и установки инлайновых стилей. При получении возвращается объект CSSStyleDeclaration , который содержит список из всех свойств стилей для этого элемента с значениями заданными  для атрибутов , что определённы  в инлайновом стиле (см. атрибут стиля) элемента. См. CSS Properties Reference для получения списка CSS свойств применимых вместе со style.  

- -

Настройка стилей

- -

Свойство style имеет тот же приоритет (и выше) в каскаде CSS как и прямая декларация стиля через атрибут style, полезен для настройки стиля отдельного специфичного элемента.

- -

Стили не следует устанавливать непосредственно через свойство style (например elt.style = "color: blue;"), поскольку оно считается доступным только для чтения и атрибут style возвращает объект CSSStyleDeclaration который доступен только для чтения. Вместо этого стили могут быть установлены путём присвоения значений свойствам style. Для добавления определённых стилей для элемента без изменения других свойств стилей предпочтительно использовать отдельные свойства style (например elt.style.color = '...'). -При использовании
elt.style.cssText = '...' или elt.setAttribute('style','...') устанавливаются стили перезаписывая уже существующие. Обратите внимание, что имена свойств стилей задаются в camel-case а не в kebab-case elt.style.<property> (т.е., elt.style.fontSize, а не elt.style.font-size).

- -

Объявленные стили сбрасываются присваиванием значения null,
elt.style.color = null

- -

Примеры

- -
// Устанавливает несколько стилей в одном выражении
-elt.style.cssText = "color: blue; border: 1px solid black";
-// Или
-elt.setAttribute("style", "color:red; border: 1px solid blue;");
-
-// Устанавливает определённый стиль оставляя другие значения стиля нетронутыми
-elt.style.color = "blue";
- -

Получение стиль-информации

- -

Свойство style в основном не имеет пользы в части информации о стиле элемента, оно только олицетворяет собой набор CSS деклараций атрибутов style элемента, а не тех которые проистекают из стиль-правил откуда-либо ещё, таких как стилевые правила раздела {{HTMLElement("head")}}, или внешней таблицы стилей. Для получения значений всех CSS свойств элемента вы должны использовать вместо этого {{domxref("window.getComputedStyle()")}}.

- -
-
var div = document.getElementById("div1");
-div.style.marginTop = ".25in";
-
- -

Следующий код показывает имена всех свойств стиля, значений, заданных явно для элемента elt и унаследованных "рассчитанных" значений:

- -
var elt = document.getElementById("elementIdHere");
-var out = "";
-var st = elt.style;
-var cs = window.getComputedStyle(elt, null);
-for (x in st) {
-  out += "  " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n";
-}
- -

Спецификация

- -

DOM Level 2 Style: ElementCSSInlineStyle.style

- -

CSSOM: ElementCSSInlineStyle

- -

Совместимость

- - - -

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

- -

Смотрите также

- - diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index 410196f470..ed7e0d8b5f 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -1547,6 +1547,7 @@ /zh-CN/docs/Web/API/Element/onpaste /zh-CN/docs/Web/API/HTMLElement/onpaste /zh-CN/docs/Web/API/Element/removeAttributre /zh-CN/docs/Web/API/Element/removeAttribute /zh-CN/docs/Web/API/Element/runtimeStyle /zh-CN/docs/orphaned/Web/API/Element/runtimeStyle +/zh-CN/docs/Web/API/ElementCSSInlineStyle/style /zh-CN/docs/orphaned/Web/API/ElementCSSInlineStyle/style /zh-CN/docs/Web/API/Entity /zh-CN/docs/orphaned/Web/API/Entity /zh-CN/docs/Web/API/Event/CustomEvent /zh-CN/docs/Web/API/CustomEvent /zh-CN/docs/Web/API/Event/altKey /zh-CN/docs/conflicting/Web/API/MouseEvent/altKey @@ -1616,7 +1617,7 @@ /zh-CN/docs/Web/API/HTMLElement.offsetParent /zh-CN/docs/Web/API/HTMLElement/offsetParent /zh-CN/docs/Web/API/HTMLElement.offsetTop /zh-CN/docs/Web/API/HTMLElement/offsetTop /zh-CN/docs/Web/API/HTMLElement.offsetWidth /zh-CN/docs/Web/API/HTMLElement/offsetWidth -/zh-CN/docs/Web/API/HTMLElement.style /zh-CN/docs/Web/API/ElementCSSInlineStyle/style +/zh-CN/docs/Web/API/HTMLElement.style /zh-CN/docs/orphaned/Web/API/ElementCSSInlineStyle/style /zh-CN/docs/Web/API/HTMLElement.tabIndex /zh-CN/docs/Web/API/HTMLOrForeignElement/tabIndex /zh-CN/docs/Web/API/HTMLElement.title /zh-CN/docs/Web/API/HTMLElement/title /zh-CN/docs/Web/API/HTMLElement/blur /zh-CN/docs/Web/API/HTMLOrForeignElement/blur @@ -1624,7 +1625,7 @@ /zh-CN/docs/Web/API/HTMLElement/focus /zh-CN/docs/Web/API/HTMLOrForeignElement/focus /zh-CN/docs/Web/API/HTMLElement/forceSpellCheck /zh-CN/docs/orphaned/Web/API/HTMLElement/forceSpellCheck /zh-CN/docs/Web/API/HTMLElement/nonce /zh-CN/docs/Web/API/HTMLOrForeignElement/nonce -/zh-CN/docs/Web/API/HTMLElement/style /zh-CN/docs/Web/API/ElementCSSInlineStyle/style +/zh-CN/docs/Web/API/HTMLElement/style /zh-CN/docs/orphaned/Web/API/ElementCSSInlineStyle/style /zh-CN/docs/Web/API/HTMLElement/tabIndex /zh-CN/docs/Web/API/HTMLOrForeignElement/tabIndex /zh-CN/docs/Web/API/HTMLFormElement.elements /zh-CN/docs/Web/API/HTMLFormElement/elements /zh-CN/docs/Web/API/HTMLFormElement.reset /zh-CN/docs/Web/API/HTMLFormElement/reset @@ -1752,6 +1753,7 @@ /zh-CN/docs/Web/API/RTCPeerConnection/getDefaultIceServers /zh-CN/docs/orphaned/Web/API/RTCPeerConnection/getDefaultIceServers /zh-CN/docs/Web/API/RandomSource /zh-CN/docs/conflicting/Web/API/Crypto/getRandomValues /zh-CN/docs/Web/API/RandomSource/getRandomValues /zh-CN/docs/Web/API/Crypto/getRandomValues +/zh-CN/docs/Web/API/Request/context /zh-CN/docs/orphaned/Web/API/Request/context /zh-CN/docs/Web/API/Response/克隆 /zh-CN/docs/Web/API/Response/clone /zh-CN/docs/Web/API/SVGPathElement/getTotalLength /zh-CN/docs/Web/API/SVGGeometryElement/getTotalLength /zh-CN/docs/Web/API/Screen.availHeight /zh-CN/docs/Web/API/Screen/availHeight diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index a806ad7579..4b5d22d492 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -13039,16 +13039,6 @@ "ziyunfei" ] }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2020-10-15T21:30:08.559Z", - "contributors": [ - "zhuangyin", - "xgqfrms-GitHub", - "distums", - "teoli", - "AlexChao" - ] - }, "Web/API/ErrorEvent": { "modified": "2020-10-15T21:38:19.894Z", "contributors": [ @@ -19836,12 +19826,6 @@ "sixpencecl" ] }, - "Web/API/Request/context": { - "modified": "2020-10-15T22:30:43.048Z", - "contributors": [ - "Aliom252181" - ] - }, "Web/API/Request/credentials": { "modified": "2020-10-15T21:53:30.490Z", "contributors": [ @@ -50227,6 +50211,16 @@ "jiangyuzhen" ] }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2020-10-15T21:30:08.559Z", + "contributors": [ + "zhuangyin", + "xgqfrms-GitHub", + "distums", + "teoli", + "AlexChao" + ] + }, "orphaned/Web/API/Entity": { "modified": "2020-06-03T01:07:43.853Z", "contributors": [ @@ -50370,6 +50364,12 @@ "lauhua" ] }, + "orphaned/Web/API/Request/context": { + "modified": "2020-10-15T22:30:43.048Z", + "contributors": [ + "Aliom252181" + ] + }, "orphaned/Web/API/TextRange/text": { "modified": "2020-02-26T01:25:35.461Z", "contributors": [ diff --git a/files/zh-cn/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/zh-cn/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..fae28c710d --- /dev/null +++ b/files/zh-cn/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,81 @@ +--- +title: HTMLElement.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +
{{ APIRef("HTML DOM") }}
+ +

HTMLElement.style 属性返回一个 CSSStyleDeclaration 对象，表示元素的 内联style 属性（attribute），但忽略任何样式表应用的属性。 通过 style 可以访问的 CSS 属性列表，可以查看 CSS Properties Reference。

+ +

由于 style 属性的优先级和通过style设置内联样式是一样的，并且在css层级样式中拥有最高优先级，因此在为特定的元素设置样式时很有用。

+ +

设置 style 属性

+ +

注意不能通过直接给style属性设置字符串（如：elt.style = "color: blue;"）来设置style，因为style应被当成是只读的（尽管Firefox(Gecko), Chrome 和 Opera允许修改它），这是因为通过style属性返回的CSSStyleDeclaration对象是只读的。但是style属性本身的属性能够用来设置样式。此外，通过单独的样式属性（如elt.style.color = '...'）比用elt.style.cssText = '...' 或者 elt.setAttribute('style', '...')形式更加简便，除非你希望完全通过一个单独语句来设置元素的全部样式，因为通过style本身属性设置的样式不会影响到通过其他方式设置的其他css属性的样式。

+ +

例子

+ +
// 在单个语句中设置多个样式
+elt.style.cssText = "color: blue; border: 1px solid black";
+// 或者
+elt.setAttribute("style", "color:red; border: 1px solid blue;");
+
+// 设置特定样式，同时保持其他内联样式值不变
+elt.style.color = "blue";
+
+ +

获取元素样式信息

+ +

通常，要了解元素样式的信息，仅仅使用 style 属性是不够的，这是因为它只包含了在元素内嵌 style 属性（attribute）上声明的的 CSS 属性，而不包括来自其他地方声明的样式，如 {{HTMLElement("head")}} 部分的内嵌样式表，或外部样式表。要获取一个元素的所有 CSS 属性，你应该使用 {{domxref("window.getComputedStyle()")}}。

+ +
<!DOCTYPE HTML>
+<html>
+<body style="font-weight:bold;">
+
+    <div style="color:red" id="myElement">..</div>
+
+ </body>
+</html>
+ +

下面的代码输出 style 所有属性的名字，以及为元素 elt 显式设置的属性值和继承的计算值（computed value）：

+ +
var element = document.getElementById("myElement");
+var out = "";
+var elementStyle = element.style;
+var computedStyle = window.getComputedStyle(element, null);
+
+for (prop in elementStyle) {
+  if (elementStyle.hasOwnProperty(prop)) {
+    out += "  " + prop + " = '" + elementStyle[prop] + "' > '" + computedStyle[prop] + "'\n";
+  }
+}
+console.log(out)
+ +

输出结果如下:

+ +
...
+fontWeight = '' > 'bold'
+color = 'red' > 'rgb(255, 0, 0)'
+...
+
+ +

请注意，计算样式中font-weight的值为“bold”，元素的style属性中缺少该值

+ +

规范

+ +

DOM Level 2 Style: ElementCSSInlineStyle.style

+ +

CSSOM: ElementCSSInlineStyle

+ +

兼容性

+ + + +

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

+ +

相关链接

+ + diff --git a/files/zh-cn/orphaned/web/api/request/context/index.html b/files/zh-cn/orphaned/web/api/request/context/index.html new file mode 100644 index 0000000000..202367fba6 --- /dev/null +++ b/files/zh-cn/orphaned/web/api/request/context/index.html @@ -0,0 +1,44 @@ +--- +title: Request.context +slug: orphaned/Web/API/Request/context +translation_of: Web/API/Request/context +original_slug: Web/API/Request/context +--- +
{{APIRef("Fetch")}}{{deprecated_header()}}
+ +

The deprecated 弃用context所述的只读属性{{domxref("请求")}}接口包含请求的上下文（例如，audio，image，iframe）。这定义了要获取的资源类型。它已由{{domxref("Request.destination”，“ destination")}}属性取代。 This defines what sort of resource is being fetched. This has been replaced by the {{domxref("Request.destination", "destination")}} property.

+ +

The context of a request is only relevant in the 请求的上下文仅与ServiceWorker API相关；服务人员可以根据URL是用于图像还是可嵌入对象（例如{{htmlelement("视频")}}，{{domxref("iframe")}}等）进行决策。; a service worker can make decisions based on whether the URL is for an image, or an embeddable object such as a {{htmlelement("video")}}, {{domxref("iframe")}}, etc.

+ +
+

Note注意：您可以在“ 获取规范请求上下文”部分中找到不同可用上下文的完整列表，包括关联的上下文框架类型，CSP指令和平台功能示例。 section.

+
+ +

Syntax

+ +
var myContext = request.context;
+ +

Value

+ +

A {{domxref("RequestContext")}} value.一个{{domxref("RequestContext")}}值。

+ +

Example例子

+ +

In the following snippet, we create a new request using the {{domxref("Request.Request()")}} constructor (for an image file in the same directory as the script), then save the request context in a variable:在以下代码段中，我们使用{{domxref("Request.Request（）")}}}构造函数创建一个新请求（用于与脚本位于同一目录中的图像文件），然后将请求上下文保存在变量中：

+ +
var myRequest = new Request('flowers.jpg');
+var myContext = myRequest.context; // returns the empty string by default
+ +

Browser compatibility浏览器兼容性

+ + + +

{{Compat("api.Request.context")}}

+ +

更多

+ + diff --git a/files/zh-cn/web/api/elementcssinlinestyle/style/index.html b/files/zh-cn/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index 28248babe1..0000000000 --- a/files/zh-cn/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: HTMLElement.style -slug: Web/API/ElementCSSInlineStyle/style -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/HTMLElement/style ---- -
{{ APIRef("HTML DOM") }}
- -

HTMLElement.style 属性返回一个 CSSStyleDeclaration 对象，表示元素的 内联style 属性（attribute），但忽略任何样式表应用的属性。 通过 style 可以访问的 CSS 属性列表，可以查看 CSS Properties Reference。

- -

由于 style 属性的优先级和通过style设置内联样式是一样的，并且在css层级样式中拥有最高优先级，因此在为特定的元素设置样式时很有用。

- -

设置 style 属性

- -

注意不能通过直接给style属性设置字符串（如：elt.style = "color: blue;"）来设置style，因为style应被当成是只读的（尽管Firefox(Gecko), Chrome 和 Opera允许修改它），这是因为通过style属性返回的CSSStyleDeclaration对象是只读的。但是style属性本身的属性能够用来设置样式。此外，通过单独的样式属性（如elt.style.color = '...'）比用elt.style.cssText = '...' 或者 elt.setAttribute('style', '...')形式更加简便，除非你希望完全通过一个单独语句来设置元素的全部样式，因为通过style本身属性设置的样式不会影响到通过其他方式设置的其他css属性的样式。

- -

例子

- -
// 在单个语句中设置多个样式
-elt.style.cssText = "color: blue; border: 1px solid black";
-// 或者
-elt.setAttribute("style", "color:red; border: 1px solid blue;");
-
-// 设置特定样式，同时保持其他内联样式值不变
-elt.style.color = "blue";
-
- -

获取元素样式信息

- -

通常，要了解元素样式的信息，仅仅使用 style 属性是不够的，这是因为它只包含了在元素内嵌 style 属性（attribute）上声明的的 CSS 属性，而不包括来自其他地方声明的样式，如 {{HTMLElement("head")}} 部分的内嵌样式表，或外部样式表。要获取一个元素的所有 CSS 属性，你应该使用 {{domxref("window.getComputedStyle()")}}。

- -
<!DOCTYPE HTML>
-<html>
-<body style="font-weight:bold;">
-
-    <div style="color:red" id="myElement">..</div>
-
- </body>
-</html>
- -

下面的代码输出 style 所有属性的名字，以及为元素 elt 显式设置的属性值和继承的计算值（computed value）：

- -
var element = document.getElementById("myElement");
-var out = "";
-var elementStyle = element.style;
-var computedStyle = window.getComputedStyle(element, null);
-
-for (prop in elementStyle) {
-  if (elementStyle.hasOwnProperty(prop)) {
-    out += "  " + prop + " = '" + elementStyle[prop] + "' > '" + computedStyle[prop] + "'\n";
-  }
-}
-console.log(out)
- -

输出结果如下:

- -
...
-fontWeight = '' > 'bold'
-color = 'red' > 'rgb(255, 0, 0)'
-...
-
- -

请注意，计算样式中font-weight的值为“bold”，元素的style属性中缺少该值

- -

规范

- -

DOM Level 2 Style: ElementCSSInlineStyle.style

- -

CSSOM: ElementCSSInlineStyle

- -

兼容性

- - - -

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

- -

相关链接

- - diff --git a/files/zh-cn/web/api/request/context/index.html b/files/zh-cn/web/api/request/context/index.html deleted file mode 100644 index 98730ceb60..0000000000 --- a/files/zh-cn/web/api/request/context/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: Request.context -slug: Web/API/Request/context -translation_of: Web/API/Request/context ---- -
{{APIRef("Fetch")}}{{deprecated_header()}}
- -

The deprecated 弃用context所述的只读属性{{domxref("请求")}}接口包含请求的上下文（例如，audio，image，iframe）。这定义了要获取的资源类型。它已由{{domxref("Request.destination”，“ destination")}}属性取代。 This defines what sort of resource is being fetched. This has been replaced by the {{domxref("Request.destination", "destination")}} property.

- -

The context of a request is only relevant in the 请求的上下文仅与ServiceWorker API相关；服务人员可以根据URL是用于图像还是可嵌入对象（例如{{htmlelement("视频")}}，{{domxref("iframe")}}等）进行决策。; a service worker can make decisions based on whether the URL is for an image, or an embeddable object such as a {{htmlelement("video")}}, {{domxref("iframe")}}, etc.

- -
-

Note注意：您可以在“ 获取规范请求上下文”部分中找到不同可用上下文的完整列表，包括关联的上下文框架类型，CSP指令和平台功能示例。 section.

-
- -

Syntax

- -
var myContext = request.context;
- -

Value

- -

A {{domxref("RequestContext")}} value.一个{{domxref("RequestContext")}}值。

- -

Example例子

- -

In the following snippet, we create a new request using the {{domxref("Request.Request()")}} constructor (for an image file in the same directory as the script), then save the request context in a variable:在以下代码段中，我们使用{{domxref("Request.Request（）")}}}构造函数创建一个新请求（用于与脚本位于同一目录中的图像文件），然后将请求上下文保存在变量中：

- -
var myRequest = new Request('flowers.jpg');
-var myContext = myRequest.context; // returns the empty string by default
- -

Browser compatibility浏览器兼容性

- - - -

{{Compat("api.Request.context")}}

- -

更多

- - diff --git a/files/zh-tw/_redirects.txt b/files/zh-tw/_redirects.txt index 11c7ddf8fc..544beaf499 100644 --- a/files/zh-tw/_redirects.txt +++ b/files/zh-tw/_redirects.txt @@ -568,10 +568,11 @@ /zh-TW/docs/Web/API/Document_Object_Model/Events /zh-TW/docs/orphaned/Web/API/Document_Object_Model/Events /zh-TW/docs/Web/API/Document_Object_Model/Whitespace_in_the_DOM /zh-TW/docs/Web/API/Document_Object_Model/Whitespace /zh-TW/docs/Web/API/Document_Object_Model/事件 /zh-TW/docs/orphaned/Web/API/Document_Object_Model/Events +/zh-TW/docs/Web/API/ElementCSSInlineStyle/style /zh-TW/docs/orphaned/Web/API/ElementCSSInlineStyle/style /zh-TW/docs/Web/API/Event/createEvent /zh-TW/docs/Web/API/Document/createEvent /zh-TW/docs/Web/API/Geolocation/Using_geolocation /zh-TW/docs/Web/API/Geolocation_API /zh-TW/docs/Web/API/HTMLElement/dataset /zh-TW/docs/Web/API/HTMLOrForeignElement/dataset -/zh-TW/docs/Web/API/HTMLElement/style /zh-TW/docs/Web/API/ElementCSSInlineStyle/style +/zh-TW/docs/Web/API/HTMLElement/style /zh-TW/docs/orphaned/Web/API/ElementCSSInlineStyle/style /zh-TW/docs/Web/API/Node/innerText /zh-TW/docs/Web/API/HTMLElement/innerText /zh-TW/docs/Web/API/NonDocumentTypeChildNode /zh-TW/docs/conflicting/Web/API/Element /zh-TW/docs/Web/API/ParentNode /zh-TW/docs/orphaned/Web/API/ParentNode diff --git a/files/zh-tw/_wikihistory.json b/files/zh-tw/_wikihistory.json index d23c601c6b..719f51e035 100644 --- a/files/zh-tw/_wikihistory.json +++ b/files/zh-tw/_wikihistory.json @@ -3510,12 +3510,6 @@ "james_yang" ] }, - "Web/API/ElementCSSInlineStyle/style": { - "modified": "2019-03-23T22:20:07.015Z", - "contributors": [ - "jackblackevo" - ] - }, "Web/API/ErrorEvent": { "modified": "2019-03-23T22:48:04.106Z", "contributors": [ @@ -8704,6 +8698,12 @@ "H-W-Chang" ] }, + "orphaned/Web/API/ElementCSSInlineStyle/style": { + "modified": "2019-03-23T22:20:07.015Z", + "contributors": [ + "jackblackevo" + ] + }, "orphaned/Web/API/ParentNode": { "modified": "2019-12-24T08:07:24.128Z", "contributors": [ diff --git a/files/zh-tw/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/zh-tw/orphaned/web/api/elementcssinlinestyle/style/index.html new file mode 100644 index 0000000000..0a8bb80844 --- /dev/null +++ b/files/zh-tw/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -0,0 +1,80 @@ +--- +title: HTMLElement.style +slug: orphaned/Web/API/ElementCSSInlineStyle/style +translation_of: Web/API/ElementCSSInlineStyle/style +original_slug: Web/API/ElementCSSInlineStyle/style +--- +
{{ APIRef("HTML DOM") }}
+ +

The HTMLElement.style property is used to get as well as set the inline style of an element. While getting, it returns a CSSStyleDeclaration object that contains a list of all styles properties for that element with values assigned for the attributes that are defined in the element's inline style attribute. See the CSS Properties Reference for a list of the CSS properties accessible via style.The style property has the same (and highest) priority in the CSS cascade as an inline style declaration set via the style attribute.

+ +

設定 styles

+ +

Styles can be set by assigning a string directly to the style property (as in elt.style = "color: blue;") or by assigning values to the properties of style. For adding specific styles to an element without altering other style values, it is preferred to use the individual properties of style (as in elt.style.color = '...' ) as using elt.style.cssText = '...' or elt.setAttribute('style', '...') sets the complete inline style for the element by overriding the existing inline styles. Note that the property names are in camel-case and not kebab-case while setting the style using elt.style.<property> (i.e. elt.style.fontSize, not elt.style.font-size)

+ +

範例

+ +
// Set multiple styles in a single statement
+elt.style.cssText = "color: blue; border: 1px solid black";
+// OR
+elt.setAttribute("style", "color:red; border: 1px solid blue;");
+
+
+elt.style.color = "blue";  // Set specific style while leaving other inline style values untouched
+
+ +

取得樣式資訊

+ +

The style property is not useful for completely learning about the styles applied on the element, since it represents only the CSS declarations set in the element's inline style attribute, not those that come from style rules elsewhere, such as style rules in the {{HTMLElement("head")}} section, or external style sheets. To get the values of all CSS properties for an element you should use {{domxref("window.getComputedStyle()")}} instead.

+ +

The following code snippet demonstrates the difference between the values obtained using the element's style property and that obtained using the computedStyle() method:

+ +
<!DOCTYPE HTML>
+<html>
+ <body style="font-weight:bold;">
+
+    <div style="color:red" id="myElement">..</div>
+
+ </body>
+</html>
+
+ +
var element = document.getElementById("myElement");
+var out = "";
+var elementStyle = element.style;
+var computedStyle = window.getComputedStyle(element, null);
+
+for (prop in elementStyle) {
+  if (elementStyle.hasOwnProperty(prop)) {
+    out += "  " + prop + " = '" + elementStyle[prop] + "' > '" + computedStyle[prop] + "'\n";
+  }
+}
+console.log(out)
+
+ +

The output would be something like:

+ +
...
+fontWeight = '' > 'bold'
+color = 'red' > 'rgb(255, 0, 0)'
+...
+ +

Note the presence of the value "bold" for font-weight in the computed style and the absence of it in the element's style property

+ +

規範

+ +

DOM Level 2 Style: ElementCSSInlineStyle.style

+ +

瀏覽器相容性

+ +
+

Note: Starting in {{Gecko("2.0")}}, you can set SVG properties' values using the same shorthand syntax. For example:

+ +
element.style.fill = 'lime';
+
+ +

參見

+ + diff --git a/files/zh-tw/web/api/elementcssinlinestyle/style/index.html b/files/zh-tw/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index c8ca3484e4..0000000000 --- a/files/zh-tw/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: HTMLElement.style -slug: Web/API/ElementCSSInlineStyle/style -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/HTMLElement/style ---- -
{{ APIRef("HTML DOM") }}
- -

The HTMLElement.style property is used to get as well as set the inline style of an element. While getting, it returns a CSSStyleDeclaration object that contains a list of all styles properties for that element with values assigned for the attributes that are defined in the element's inline style attribute. See the CSS Properties Reference for a list of the CSS properties accessible via style.The style property has the same (and highest) priority in the CSS cascade as an inline style declaration set via the style attribute.

- -

設定 styles

- -

Styles can be set by assigning a string directly to the style property (as in elt.style = "color: blue;") or by assigning values to the properties of style. For adding specific styles to an element without altering other style values, it is preferred to use the individual properties of style (as in elt.style.color = '...' ) as using elt.style.cssText = '...' or elt.setAttribute('style', '...') sets the complete inline style for the element by overriding the existing inline styles. Note that the property names are in camel-case and not kebab-case while setting the style using elt.style.<property> (i.e. elt.style.fontSize, not elt.style.font-size)

- -

範例

- -
// Set multiple styles in a single statement
-elt.style.cssText = "color: blue; border: 1px solid black";
-// OR
-elt.setAttribute("style", "color:red; border: 1px solid blue;");
-
-
-elt.style.color = "blue";  // Set specific style while leaving other inline style values untouched
-
- -

取得樣式資訊

- -

The style property is not useful for completely learning about the styles applied on the element, since it represents only the CSS declarations set in the element's inline style attribute, not those that come from style rules elsewhere, such as style rules in the {{HTMLElement("head")}} section, or external style sheets. To get the values of all CSS properties for an element you should use {{domxref("window.getComputedStyle()")}} instead.

- -

The following code snippet demonstrates the difference between the values obtained using the element's style property and that obtained using the computedStyle() method:

- -
<!DOCTYPE HTML>
-<html>
- <body style="font-weight:bold;">
-
-    <div style="color:red" id="myElement">..</div>
-
- </body>
-</html>
-
- -
var element = document.getElementById("myElement");
-var out = "";
-var elementStyle = element.style;
-var computedStyle = window.getComputedStyle(element, null);
-
-for (prop in elementStyle) {
-  if (elementStyle.hasOwnProperty(prop)) {
-    out += "  " + prop + " = '" + elementStyle[prop] + "' > '" + computedStyle[prop] + "'\n";
-  }
-}
-console.log(out)
-
- -

The output would be something like:

- -
...
-fontWeight = '' > 'bold'
-color = 'red' > 'rgb(255, 0, 0)'
-...
- -

Note the presence of the value "bold" for font-weight in the computed style and the absence of it in the element's style property

- -

規範

- -

DOM Level 2 Style: ElementCSSInlineStyle.style

- -

瀏覽器相容性

- -
-

Note: Starting in {{Gecko("2.0")}}, you can set SVG properties' values using the same shorthand syntax. For example:

- -
element.style.fill = 'lime';
-
- -

參見

- - -- cgit v1.2.3-54-g00ecf