CSSRule.type
非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
type
は CSSRule
インターフェイスの読み取り専用プロパティで、非推奨です。この CSSRule
が表すルールの型を示す整数を返します。
様々な CSS ルールの型を見分ける必要がある場合は、 constructor.name
を使用するのが良い代替手段です。
const sheets = Array.from(document.styleSheets);
const rules = sheets.map(sheet => Array.from(sheet.cssRules)).flat();
for (const rule of rules) {
console.log(rule.constructor.name);
}
値
下表に示す定数のいずれかとなる整数です。
型 | 値 | ルールに特化したインターフェイス | コメントと例 |
---|---|---|---|
CSSRule.STYLE_RULE |
1 |
CSSStyleRule |
この種のルールで最も一般的なもの:selector { prop1: val1; prop2: val2; } |
CSSRule.IMPORT_RULE |
3 |
CSSImportRule (en-US) |
@import ルールです(文書が完了するまでは、 Mozilla のソースコードのインターフェイス定義
nsIDOMCSSImportRule を参照してください、)
|
CSSRule.MEDIA_RULE |
4 |
CSSMediaRule |
|
CSSRule.FONT_FACE_RULE |
5 |
CSSFontFaceRule (en-US) |
|
CSSRule.PAGE_RULE |
6 |
CSSPageRule |
|
CSSRule.KEYFRAMES_RULE |
7 |
CSSKeyframesRule
Experimental
|
|
CSSRule.KEYFRAME_RULE |
8 |
CSSKeyframeRule
Experimental
|
|
将来使用するために予約 | 9 |
将来的にカラープロファイルを定義するために使用する予定。 | |
CSSRule.NAMESPACE_RULE |
10 |
CSSNamespaceRule (en-US)
Experimental
|
|
CSSRule.COUNTER_STYLE_RULE |
11 |
CSSCounterStyleRule (en-US)
Experimental
|
|
CSSRule.SUPPORTS_RULE |
12 |
CSSSupportsRule |
|
CSSRule.DOCUMENT_RULE |
13 |
CSSDocumentRule
Experimental
|
|
CSSRule.FONT_FEATURE_VALUES_RULE |
14 |
CSSFontFeatureValuesRule |
|
CSSRule.VIEWPORT_RULE |
15 |
CSSViewportRule
Experimental
|
|
CSSRule.REGION_STYLE_RULE |
16 |
CSSRegionStyleRule
Experimental
|
|
CSSRule.UNKNOWN_RULE |
0 |
CSSUnknownRule
Deprecated
|
|
CSSRule.CHARSET_RULE |
2 |
CSSCharsetRule
Deprecated
|
(多くのブラウザーでは削除済み。) |
例
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].type);
仕様書
Specification |
---|
CSS Object Model (CSSOM) # concept-css-rule-type |
ブラウザーの互換性
BCD tables only load in the browser