2024/01/09 時点の英語版に基づき更新

files/ja/web/api/shadowroot/host/index.md

@@ -1,29 +1,26 @@
 ---
-title: ShadowRoot.host
+title: "ShadowRoot: host プロパティ"
+short-title: host
 slug: Web/API/ShadowRoot/host
+l10n:
+  sourceCommit: 584e1d86cc4d770f43b32ec62613a4840d2821db
 ---
 
 {{APIRef("Shadow DOM")}}
 
-**`host`** は {{domxref("ShadowRoot")}} の読み取り専用プロパティで、 `ShadowRoot` が取り付けられている DOM 要素の参照を返します。
+**`host`** は {{domxref("ShadowRoot")}} の読み取り専用プロパティで、 `ShadowRoot` が装着されている DOM 要素の参照を返します。
 
-## 構文
-
-```js
-const someElement = shadowRoot.host;
-```
-
-### 値
+## 値
 
 DOM の {{domxref('Element')}} です。
 
 ## 例
 
 ```js
-let customElem = document.querySelector('my-shadow-dom-element');
+let customElem = document.querySelector("my-shadow-dom-element");
 let shadow = customElem.shadowRoot;
 
-  ...
+// ...
 
 // 後で、元のホスト要素を返す
 let hostElem = shadow.host;
@@ -36,3 +33,10 @@ let hostElem = shadow.host;
 ## ブラウザーの互換性
 
 {{Compat}}
+
+## 関連情報
+
+- HTML の [`part`](/ja/docs/Web/HTML/Global_attributes#part) および [`exportparts`](/ja/docs/Web/HTML/Global_attributes#exportparts) 属性
+- HTML の {{HTMLelement("template")}} および {{HTMLElement("slot")}} 要素
+- CSS の {{CSSXref(":host")}}, {{CSSXref(":host_function", ":host()")}}, {{CSSXref(":host-context", ":host-context()")}} 擬似クラス
+- CSS の {{CSSXref("::part")}} および {{CSSXref("::slotted")}} 擬似クラス