Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/API/CSSImportRule/supportsText below:

CSSImportRule: supportsText プãƒãƒ‘ティ - Web API

Baseline 2024

Newly available

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

supportsText は CSSImportRule インターフェイスの読み取り専用プロパティで、 @import アットルールで指定された supports 条件を返します。

文字列、または null です。

この文書の単一のスタイルシートには 3 つの @import ルールが含まれています。最初の宣言は、 display: flex に対応している場合にスタイルシートをインポートします。 2 つ目の宣言は、 :has セレクターに対応している場合にスタイルシートをインポートします。 3 つ目の宣言は、対応条件なしにスタイルシートをインポートします。

The supportsText property returns the import conditions associated with the at-rule.

@import url("style1.css") supports(display: flex);
@import url("style2.css") supports(selector(p:has(a)));
@import url("style3.css");

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].supportsText); // `"display: flex"` を返す
console.log(myRules[1].supportsText); // `"selector(p:has(a))"` を返す
console.log(myRules[2].supportsText); // `null` を返す

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4