` pour afficher la couleur.
+Dans cet exemple, nous utilisons la méthode [`getImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/getImageData) pour afficher la couleur en dessous du curseur de la souris. Pour cela, nous avons besoin de la position en cours de la souris donnée par `layerX` et `layerY`, nous recherchons ensuite les données pixel à cette position dans le tableau de pixels que [`getImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/getImageData) nous fournit. Finalement, nous utilisons les données du tableau pour définir une couleur d'arrière-plan et un texte dans le `
` pour afficher la couleur.
```html hidden
@@ -99,7 +99,7 @@ Dans cet exemple, nous utilisons la méthode [getImageData() ](/fr/docs/Web/API/
## Peinture des données pixel dans un contexte
-Vous pouvez utiliser la méthode [putImageData() ](/fr/docs/Web/API/CanvasRenderingContext2D/putImageData)pour peindre les données pixel dans un contexte :
+Vous pouvez utiliser la méthode [`putImageData()`](/fr/docs/Web/API/CanvasRenderingContext2D/putImageData) pour peindre les données pixel dans un contexte :
```js
ctx.putImageData(monImageData, dx, dy);
diff --git a/files/fr/web/api/canvas_api/tutorial/transformations/index.md b/files/fr/web/api/canvas_api/tutorial/transformations/index.md
index eb0ae18226..490e52c4fe 100644
--- a/files/fr/web/api/canvas_api/tutorial/transformations/index.md
+++ b/files/fr/web/api/canvas_api/tutorial/transformations/index.md
@@ -23,7 +23,7 @@ Avant d'étudier les méthodes de transformations, examinons deux autres méthod
- {{domxref("CanvasRenderingContext2D.restore", "restore()")}}
- : Restore le plus récent état sauvegardé du canevas.
-Les états du canevas sont stockés dans une pile. Chaque invocation de la méthode `save() `ajoute une copie de l'état courant du canevas en haut de la pile. L'état du dessin est constitué de :
+Les états du canevas sont stockés dans une pile. Chaque invocation de la méthode `save()` ajoute une copie de l'état courant du canevas en haut de la pile. L'état du dessin est constitué de :
- les transformations qui ont été appliquées (exemples : déplacement, rotation, mise à l'échelle).
- Les valeurs actuelles des attributs suivants : {{domxref("CanvasRenderingContext2D.strokeStyle", "strokeStyle")}}, {{domxref("CanvasRenderingContext2D.fillStyle", "fillStyle")}}, {{domxref("CanvasRenderingContext2D.globalAlpha", "globalAlpha")}}, {{domxref("CanvasRenderingContext2D.lineWidth", "lineWidth")}}, {{domxref("CanvasRenderingContext2D.lineCap", "lineCap")}}, {{domxref("CanvasRenderingContext2D.lineJoin", "lineJoin")}}, {{domxref("CanvasRenderingContext2D.miterLimit", "miterLimit")}}, {{domxref("CanvasRenderingContext2D.lineDashOffset", "lineDashOffset")}}, {{domxref("CanvasRenderingContext2D.shadowOffsetX", "shadowOffsetX")}}, {{domxref("CanvasRenderingContext2D.shadowOffsetY", "shadowOffsetY")}}, {{domxref("CanvasRenderingContext2D.shadowBlur", "shadowBlur")}}, {{domxref("CanvasRenderingContext2D.shadowColor", "shadowColor")}}, {{domxref("CanvasRenderingContext2D.globalCompositeOperation", "globalCompositeOperation")}}, {{domxref("CanvasRenderingContext2D.font", "font")}}, {{domxref("CanvasRenderingContext2D.textAlign", "textAlign")}}, {{domxref("CanvasRenderingContext2D.textBaseline", "textBaseline")}}, {{domxref("CanvasRenderingContext2D.direction", "direction")}}, {{domxref("CanvasRenderingContext2D.imageSmoothingEnabled", "imageSmoothingEnabled")}}.
@@ -87,7 +87,7 @@ C'est une bonne idée de sauvegarder l'état du canevas avant d'effectuer des tr
### Un exemple `translate`
-Cet exemple montre certains des avantages du déplacement de l'origine du canevas. Sans la méthode` translate ()`, tous les rectangles seraient dessinés à la même position (0,0). La méthode `translate ()` nous donne également la liberté de placer le rectangle n'importe où sur le canevas sans avoir à ajuster manuellement les coordonnées dans la fonction `fillRect ()`. Cela le rend un peu plus facile à comprendre et à utiliser.
+Cet exemple montre certains des avantages du déplacement de l'origine du canevas. Sans la méthode `translate()`, tous les rectangles seraient dessinés à la même position `(0,0)`. La méthode `translate()` nous donne également la liberté de placer le rectangle n'importe où sur le canevas sans avoir à ajuster manuellement les coordonnées dans la fonction `fillRect()`. Cela le rend un peu plus facile à comprendre et à utiliser.
Dans la fonction `draw ()`, nous appelons la fonction `fillRect ()` neuf fois en utilisant deux boucles `for` . Dans chaque boucle, le canevas est déplacé, le rectangle est dessiné et le canevas est retourné à son état d'origine. Notez comment l'appel à `fillRect ()` utilise les mêmes coordonnées à chaque fois, en s'appuyant sur `translate ()` pour ajuster la position du dessin.
diff --git a/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md b/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md
index 3ad6330fcf..cedbd7eaa0 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md
+++ b/files/fr/web/api/canvasrenderingcontext2d/globalalpha/index.md
@@ -142,7 +142,7 @@ for (i = 0; i < 7; i++){
## Notes spécifiques à WebKit/Blink
-- Dans les navigateurs WebKit et Blink, une méthode non standard et désapprouvée `ctx.setAlpha() `est implémentée en plus de cette propriété.
+- Dans les navigateurs WebKit et Blink, une méthode non standard et désapprouvée `ctx.setAlpha()` est implémentée en plus de cette propriété.
## Voir aussi
diff --git a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md
index fc1cb4fe05..dd43fde3e5 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md
+++ b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.md
@@ -5,7 +5,7 @@ translation_of: Web/API/CanvasRenderingContext2D/rotate
---
{{APIRef}}
-La méthode **`CanvasRenderingContext2D.rotate()`**` de l'API` Canvas 2D ajoute une rotation à la matrice de transformation. L'argument angle représente un angle de rotation horaire et il est exprimé en radians.
+La méthode **`CanvasRenderingContext2D.rotate()`** de l'API Canvas 2D ajoute une rotation à la matrice de transformation. L'argument `angle` représente un angle de rotation horaire et il est exprimé en radians.
## Syntaxe
diff --git a/files/fr/web/api/canvasrenderingcontext2d/scale/index.md b/files/fr/web/api/canvasrenderingcontext2d/scale/index.md
index 330d46eed3..69be186f58 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/scale/index.md
+++ b/files/fr/web/api/canvasrenderingcontext2d/scale/index.md
@@ -91,7 +91,7 @@ window.addEventListener("load", drawCanvas);
### Utilisation de `scale` pour un retournement horizontal ou vertical
-Vous pouvez utiliser `ctx.scale(-1, 1)` pour retourner le contexte horizontalement et `ctx.scale(1, -1) `pour le retourner verticalement.
+Vous pouvez utiliser `ctx.scale(-1, 1)` pour retourner le contexte horizontalement et `ctx.scale(1, -1)` pour le retourner verticalement.
#### Code jouable 2
diff --git a/files/fr/web/api/characterdata/index.md b/files/fr/web/api/characterdata/index.md
index ef27efe0dd..7020f1595e 100644
--- a/files/fr/web/api/characterdata/index.md
+++ b/files/fr/web/api/characterdata/index.md
@@ -27,7 +27,7 @@ _Hérite des propriétés de son parent {{domxref("Node")}} et implémente les i
## Méthodes
-*Hérite des méthodes de son parent {{domxref("Node")}}, et implémente les interfaces {{domxref("ChildNode")}} *et {{domxref("NonDocumentTypeChildNode")}}_._
+*Hérite des méthodes de ses parents, [`Node`](/fr/docs/Web/API/Node) et [`EventTarget`](/fr/docs/Web/API/EventTarget).*
- {{domxref("CharacterData.appendData()")}}
- : Ajoute la {{domxref("DOMString")}} (_chaîne de caractères_) donnée à la chaîne `CharacterData.data` ; dans le retour de la méthode, `data` contient la {{domxref("DOMString")}} concaténée .
diff --git a/files/fr/web/api/client/postmessage/index.md b/files/fr/web/api/client/postmessage/index.md
index 45e64508aa..12d36698bc 100644
--- a/files/fr/web/api/client/postmessage/index.md
+++ b/files/fr/web/api/client/postmessage/index.md
@@ -13,7 +13,7 @@ translation_of: Web/API/Client/postMessage
---
{{SeeCompatTable}}{{APIRef("Client")}}
-La méthode **`postMessage() `**de l'interface {{domxref("Client")}} permet à un service worker client d'envoyer un message à un {{domxref("ServiceWorker")}}.
+La méthode **`postMessage()`** de l'interface [`Client`](/fr/docs/Web/API/Client) permet à un service worker client d'envoyer un message à un [`ServiceWorker`](/fr/docs/Web/API/ServiceWorker).
## Syntaxe
diff --git a/files/fr/web/api/closeevent/index.md b/files/fr/web/api/closeevent/index.md
index f891301908..a6d23bbdf6 100644
--- a/files/fr/web/api/closeevent/index.md
+++ b/files/fr/web/api/closeevent/index.md
@@ -11,7 +11,7 @@ translation_of: Web/API/CloseEvent
---
{{APIRef("Websockets API")}}
-Un événement CloseEvent est envoyé au client utilisant une [WebSocket ](/en-US/docs/Glossary/WebSockets)lorsque la connexion est fermée. Cet événement est envoyé au listener indiqué par l'attribut `onclose `de la WebSocket.
+Un évènement `CloseEvent` est envoyé au client utilisant une [WebSocket](/fr/docs/Glossary/WebSockets) lorsque la connexion est fermée. Cet évènement est envoyé au `listener` indiqué par l'attribut `onclose` de la `WebSocket`.
## Constructeur
diff --git a/files/fr/web/api/console/index.md b/files/fr/web/api/console/index.md
index c761ed3f78..35cf36b6fa 100644
--- a/files/fr/web/api/console/index.md
+++ b/files/fr/web/api/console/index.md
@@ -11,7 +11,7 @@ translation_of: Web/API/Console
---
{{APIRef("Console API")}}
-L'objet **`console`** donne accès à la console de débogage du navigateur (par exemple., la[ Console Web](/fr/docs/Outils/Console_Web) dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base.
+L'objet **`console`** donne accès à la console de débogage du navigateur (par exemple, la [Console Web](/fr/docs/Tools/Web_Console) dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base.
La `console` est accessible de n'importe quel objet global, {{domxref("Window")}} du cadre de navigation, {{domxref("WorkerGlobalScope")}} et ses variantes spécifiques pour les workers. Elle est exposée comme {{domxref ("Window.console")}} et peut être référencée simplement comme console. Par exemple :
diff --git a/files/fr/web/api/cssrulelist/index.md b/files/fr/web/api/cssrulelist/index.md
index 43a15df497..bf637d5319 100644
--- a/files/fr/web/api/cssrulelist/index.md
+++ b/files/fr/web/api/cssrulelist/index.md
@@ -1,10 +1,8 @@
---
title: CSSRuleList
slug: Web/API/CSSRuleList
-tags:
- - CSSOM
- - DOM
translation_of: Web/API/CSSRuleList
+browser-compat: api.CSSRuleList
---
{{ APIRef("CSSOM") }}
@@ -21,10 +19,6 @@ Chaque règle `CSSRule` peut être atteinte via `rules.item(index),` ou simpleme
var firstRule = document.styleSheets[0].cssRules[0];
```
-## Voir aussi
-
-- [`CSSRule`](/en/DOM/cssRule)
-
### Implémentations de CSSRuleList
Il existe plusieurs propriétés dans le CSSOM qui retourne une `CSSRuleList` :
@@ -34,9 +28,14 @@ Il existe plusieurs propriétés dans le CSSOM qui retourne une `CSSRuleList` :
- {{ domxref("CSSKeyframesRule") }} property {{ domxref("CSSKeyframesRule/cssRules", "cssRules") }}
- {{ domxref("CSSMozDocumentRule") }} property {{ domxref("CSSMozDocumentRule/cssRules", "cssRules") }}
-## Spécification
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
-- [DOM Level 2 Style: `CSSRuleList` interface](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSRuleList)
-- [DOM Level 2 Style: `CSSStyleSheet` attribute `cssRules`](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet-cssRules)
-- [DOM Level 2 Style: `CSSMediaRule` attribute ](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSMediaRule-cssRules)[`cssRules`](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSMediaRule-cssRules)
-- [CSS Animations: `CSSKeyframesRule` interface](http://dev.w3.org/csswg/css3-animations/#DOM-CSSKeyframesRule)
+- [`CSSRule`](/fr/docs/Web/API/CSSRule)
diff --git a/files/fr/web/api/document/adoptnode/index.md b/files/fr/web/api/document/adoptnode/index.md
index e4070ea67c..c96fba2151 100644
--- a/files/fr/web/api/document/adoptnode/index.md
+++ b/files/fr/web/api/document/adoptnode/index.md
@@ -20,7 +20,7 @@ Adopte un noeud. Le noeud (et son sous-arbre) est supprimé du document dans leq
node = document.adoptNode(externalNode);
-- ` node`
+- `node`
- : est le noeud adopté qui a maintenant ce document en tant que son [`ownerDocument`](/en-US/docs/DOM/Node.ownerDocument) (_document propriétaire_). Le [`parentNode`](/en-US/docs/DOM/Node.parentNode) du noeud est `null`, car il n'a pas encore été inséré dans l'arborescence du document. Notez que `node` et `externalNode` sont le même objet après cet appel.
- `externalNode`
- : est le noeud à adopter existant dans un autre document.
diff --git a/files/fr/web/api/document/alinkcolor/index.md b/files/fr/web/api/document/alinkcolor/index.md
index fcec44ba01..6962f0342e 100644
--- a/files/fr/web/api/document/alinkcolor/index.md
+++ b/files/fr/web/api/document/alinkcolor/index.md
@@ -28,7 +28,7 @@ La valeur par défaut pour cette propriété est rouge (`#ee000` en hexadécima
Une autre alternative est `document.body.aLink`, même si elle est [obsolète dans HTML 4.01](http://www.w3.org/TR/html401/struct/global.html#adef-alink) (lien en anglais) en faveur de l'alternative CSS ci-dessus.
-[Gecko ](/fr/docs/Mozilla/Gecko)supporte `alinkColor`/`:active` et {{Cssxref(":focus")}}. Internet Explorer 6 et 7 supportent `alinkColor`/`:active` seulement pour la [balise HTML des liens (\
)](/fr/docs/Web/HTML/Element/a) et le comportement est le même que `:focus` sur Gecko. Il n'y a pas de support pour `:focus` sur IE.
+[Gecko](/fr/docs/Glossary/Gecko) supporte `alinkColor`/`:active` et [`:focus`](/fr/docs/Web/CSS/:focus). Internet Explorer 6 et 7 supportent `alinkColor`/`:active` seulement pour la [balise HTML des liens (``)](/fr/docs/Web/HTML/Element/a) et le comportement est le même que `:focus` sur Gecko. Il n'y a pas de support pour `:focus` dans IE.
## Compatibilité des navigateurs
diff --git a/files/fr/web/api/document/createelementns/index.md b/files/fr/web/api/document/createelementns/index.md
index 7957b59245..d374570e70 100644
--- a/files/fr/web/api/document/createelementns/index.md
+++ b/files/fr/web/api/document/createelementns/index.md
@@ -15,7 +15,7 @@ translation_of: Web/API/Document/createElementNS
Crée un élément avec l'URI de l'espace de noms spécifié et un nom qualifié.
-Pour créer un élément sans spécifier d'URI d'espace de noms, utilisez la méthode [createElement ](/fr/docs/Web/API/Document/createElement)[](/fr/docs/Web/API/Document/createElement).
+Pour créer un élément sans spécifier d'URI d'espace de noms, utilisez la méthode [createElement](/fr/docs/Web/API/Document/createElement).
## Syntaxe
@@ -29,7 +29,7 @@ var element = document.createElementNS(namespaceURI, qualifiedName[, options]);
- : est une chaîne de caractères qui spécifie [l'URI de l'espace de noms](http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/glossary.html#dt-namespaceURI) à associer à l'élément. La propriété [namespaceURI](/fr/docs/Web/API/Node/namespaceURI) de l'élément créé est initialisée avec la valeur de `namespaceURI`. voir [URI d'espaces de nom valides](#URI_d'espaces_de_nom_valides)
- `qualifiedName`
- : est une chaîne de caractères qui spécifie le type de l'élément à créer. La propriété [nodeName](/fr/docs/Web/API/Node/nodeName) de l'élément créé est initialisée avec la valeur de `qualifiedName`
-- `Options `Facultatif
+- `Options` {{Optional_Inline}}
- : Un objet facultatif `ElementCreationOptions` contient une propriété unique nommée `is`, dont la valeur est le nom de la balise pour un élément personnalisé défini précédemment à l'aide de `customElements.define()` . Pour la rétro-compatibilité avec les versions précédentes de la [spécification des éléments personnalisés](https://www.w3.org/TR/custom-elements/), quelques navigateurs vous permettront de passer ici une chaîne de caractères à la place d'un objet, pour laquelle la valeur est un nom d'élément personnalisé. Voir [Extending native HTML elements](https://developers.google.com/web/fundamentals/primers/customelements/#extendhtml) pour plus d'informations sur la façon d'utiliser ce paramètre. Le nouvel élément recevra un attribut `is` dont la valeur est le nom de la balise de l'élément personnalisé. Les éléments personnalisés sont une fonctionnalité expérimentale disponible uniquement dans certains navigateurs.
### Valeur de retour
diff --git a/files/fr/web/api/document/createevent/index.md b/files/fr/web/api/document/createevent/index.md
index 8696602672..a84d65ac9c 100644
--- a/files/fr/web/api/document/createevent/index.md
+++ b/files/fr/web/api/document/createevent/index.md
@@ -8,7 +8,7 @@ tags:
- Reference
translation_of: Web/API/Document/createEvent
---
-> **Attention :** De nombreuses méthodes utilisées avec `createEvent`, tels que `initCustomEvent`, sont obsolètes. Utilisez le [constructeur d'événement ](/fr/docs/Web/API/CustomEvent)[](/fr/docs/Web/API/CustomEvent)à la place.
+> **Attention :** De nombreuses méthodes utilisées avec `createEvent`, tels que `initCustomEvent`, sont obsolètes. Utilisez le [constructeur d'évènement](/fr/docs/Web/API/CustomEvent) à la place.
{{ ApiRef("DOM") }}
diff --git a/files/fr/web/api/document/createtreewalker/index.md b/files/fr/web/api/document/createtreewalker/index.md
index 80ff09de29..030d29723b 100644
--- a/files/fr/web/api/document/createtreewalker/index.md
+++ b/files/fr/web/api/document/createtreewalker/index.md
@@ -140,9 +140,9 @@ La méthode de création **`Document.createTreeWalker()`** renvoie un nouvel obj
-- _filter _{{optional_inline}}
+- `filter` {{optional_inline}}
- : est un {{domxref("NodeFilter")}} (_filtre de noeud_) facultatif, c'est à dire un objet avec une méthode `acceptNode` appelé par {{domxref("TreeWalker")}} pour déterminer s'il doit accepter ou non un nœud qui a passé le test `whatToShow`.
-- _entityReferenceExpansion _{{optional_inline}} _{{obsolete_inline}}_
+- `entityReferenceExpansion` {{optional_inline}} {{deprecated_inline}}
- : est un {{domxref("Boolean")}} (_booléen_) indiquant si, lors de la suppression d'une {{domxref("EntityReference")}}, son sous-arbre doit être supprimé en même temps.
## Exemple
diff --git a/files/fr/web/api/document/fullscreenerror_event/index.md b/files/fr/web/api/document/fullscreenerror_event/index.md
index 93500c4c70..94199551c2 100644
--- a/files/fr/web/api/document/fullscreenerror_event/index.md
+++ b/files/fr/web/api/document/fullscreenerror_event/index.md
@@ -3,7 +3,7 @@ title: fullscreenerror
slug: Web/API/Document/fullscreenerror_event
translation_of: Web/API/Document/fullscreenerror_event
---
-L'événement **`fullscreenerror`**` est déclenché lorsque le navigateur ne peut pas entrer en mode plein écran.`
+L'évènement **`fullscreenerror`** est déclenché lorsque le navigateur ne peut pas entrer en mode plein écran.
## Informations générales
diff --git a/files/fr/web/api/document/getelementbyid/index.md b/files/fr/web/api/document/getelementbyid/index.md
index c73932122d..9deb984230 100644
--- a/files/fr/web/api/document/getelementbyid/index.md
+++ b/files/fr/web/api/document/getelementbyid/index.md
@@ -86,7 +86,7 @@ Contrairement à d'autres méthodes de recherche d'éléments, comme {{domxref