2022/02/18 時点の英語版に基づき新規翻訳

1 files changed, 56 insertions, 0 deletions

diff --git a/files/ja/web/api/stylepropertymapreadonly/keys/index.md b/files/ja/web/api/stylepropertymapreadonly/keys/index.md
new file mode 100644
index 0000000000..d771251f8d
--- /dev/null
+++ b/files/ja/web/api/stylepropertymapreadonly/keys/index.md
@@ -0,0 +1,56 @@
+---
+title: StylePropertyMapReadOnly.keys()
+slug: Web/API/StylePropertyMapReadOnly/keys
+tags:
+  - API
+  - CSS Typed Object Model API
+  - 実験的
+  - Houdini
+  - メソッド
+  - リファレンス
+  - StylePropertyMapReadOnly
+  - keys()
+browser-compat: api.StylePropertyMapReadOnly.keys
+translation_of: Web/API/StylePropertyMapReadOnly/keys
+---
+{{APIRef("CSS Typed Object Model API")}}{{SeeCompatTable}}
+
+**`StylePropertyMapReadOnly.keys()`** メソッドは、 `StylePropertyMapReadOnly` の各項目のキーを含む新しい*配列反復子*を返します。
+
+## 構文
+
+```js
+StylePropertyMapReadOnly.keys()
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+新しい {{jsxref("Array")}} です。
+
+## 例
+
+この例では、 `keys()` メソッドを使用して {{domxref('Element.computedStyleMap()')}} の中にあるプロパティにアクセスすることができます。
+
+```js
+// button 要素を取得
+const buttonEl = document.querySelector('button');
+
+// すべての計算済みスタイルを `computedStyleMap` で受け取る
+const allComputedStyles = buttonEl.computedStyleMap();
+
+// keys はプロパティの反復可能なリストを返す
+const props = allComputedStyles.keys();
+console.log(props.next().value); // align-content を返す
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}