From dd4963a1a273339d7c44a8217532db08a992c8ed Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 25 Oct 2023 00:33:52 +0900 Subject: [PATCH] =?UTF-8?q?2023/07/22=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/csspseudoelement/type/index.md | 45 +++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 files/ja/web/api/csspseudoelement/type/index.md diff --git a/files/ja/web/api/csspseudoelement/type/index.md b/files/ja/web/api/csspseudoelement/type/index.md new file mode 100644 index 00000000000000..0deeef887d1f1e --- /dev/null +++ b/files/ja/web/api/csspseudoelement/type/index.md @@ -0,0 +1,45 @@ +--- +title: "CSSPseudoElement: type プロパティ" +short-title: type +slug: Web/API/CSSPseudoElement/type +l10n: + sourceCommit: d76defab4ca13261e9de81ae1df125345f847b0a +--- + +{{APIRef}}{{SeeCompatTable}} + +**`type`** は {{DOMxRef('CSSPseudoElement')}} インターフェイスの読み取り専用プロパティで、擬似要素の型を [CSS セレクター](/ja/docs/Web/CSS/CSS_selectors#pseudo-elements)の形の文字列で表します。 + +## 値 + +以下の値のいずれかを格納する文字列です。 + +- {{CSSxRef('::before', '"::before"')}} +- {{CSSxRef('::after', '"::after"')}} +- {{CSSxRef('::marker', '"::marker"')}} + +## 例 + +下記の例は、 `CSSPseudoElement.type` と {{DOMxRef('Element.pseudo()')}} の関係を示しています。 + +```js +const myElement = document.querySelector("q"); +const mySelector = "::after"; +const cssPseudoElement = myElement.pseudo(mySelector); +const typeOfPseudoElement = cssPseudoElement.type; + +console.log(mySelector === typeOfPseudoElement); // true を出力 +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{DOMxRef('Element.pseudo()')}} +- [標準的な擬似要素の索引](/ja/docs/Web/CSS/Pseudo-elements#標準的な擬似要素の索引)