From 07b7c8b591b7fdd7ab564a54b1fdddebe51be9c2 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 15 Sep 2024 22:51:01 +0900
Subject: [PATCH] =?UTF-8?q?2024/01/08=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/api/htmlelement/translate/index.md | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 files/ja/web/api/htmlelement/translate/index.md

diff --git a/files/ja/web/api/htmlelement/translate/index.md b/files/ja/web/api/htmlelement/translate/index.md
new file mode 100644
index 00000000000000..5a89e6d67c7fda
--- /dev/null
+++ b/files/ja/web/api/htmlelement/translate/index.md
@@ -0,0 +1,63 @@
+---
+title: "HTMLElement: translate プロパティ"
+short-title: translate
+slug: Web/API/HTMLElement/translate
+l10n:
+  sourceCommit: 1442377111a1649dfce278eac688e06efce34b83
+---
+
+{{APIRef("HTML DOM")}}
+
+**`translate`** は {{domxref("HTMLElement")}} インターフェイスのプロパティで、ページがローカライズされるとき、要素の属性値や {{domxref("Text")}} ノードの子の値を対応させるか、そのままにするかを示します。
+
+これは HTML の [`translate`](/ja/docs/Web/HTML/Global_attributes/translate) グローバル属性の値を反映します。
+
+## 値
+
+論理値で、ページがローカライズされるときに要素の属性値や {{domxref("Text")}} ノードの子の値が翻訳される場合は `true`、そうでない場合は `false` です。
+
+## 例
+
+次の例は、スクリプトを使って翻訳を有効または無効にする方法を示しています。
+
+```html
+<div>
+  <span>The content may always be translated: </span>
+  <span translate="yes">El contenido será traducido</div>
+</div>
+<div>
+  <span id="translate-label">The content may be translated:</span>
+  <span id="translate-element" translate="no">El contenido puede ser traducido.</div>
+</div>
+<input id="translate-controller" type="checkbox" /> Enable translation
+```
+
+```js
+const label = document.getElementById("translate-label");
+const element = document.getElementById("translate-element");
+const controller = document.getElementById("translate-controller");
+
+controller.addEventListener("change", (e) => {
+  if (controller.checked) {
+    element.translate = true;
+    label.innerText = "The content may be translated:";
+  } else {
+    element.translate = false;
+    label.innerText = "The content may not be translated:";
+  }
+});
+```
+
+{{EmbedLiveSample('Examples', 600, 200)}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- HTML の [`translate`](/ja/docs/Web/HTML/Global_attributes#translate) グローバル属性