From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/stylesheet/disabled/index.html | 29 ++++++++++ files/ja/web/api/stylesheet/href/index.html | 46 +++++++++++++++ files/ja/web/api/stylesheet/index.html | 65 ++++++++++++++++++++++ files/ja/web/api/stylesheet/media/index.html | 57 +++++++++++++++++++ files/ja/web/api/stylesheet/ownernode/index.html | 46 +++++++++++++++ .../web/api/stylesheet/parentstylesheet/index.html | 35 ++++++++++++ files/ja/web/api/stylesheet/title/index.html | 21 +++++++ files/ja/web/api/stylesheet/type/index.html | 26 +++++++++ 8 files changed, 325 insertions(+) create mode 100644 files/ja/web/api/stylesheet/disabled/index.html create mode 100644 files/ja/web/api/stylesheet/href/index.html create mode 100644 files/ja/web/api/stylesheet/index.html create mode 100644 files/ja/web/api/stylesheet/media/index.html create mode 100644 files/ja/web/api/stylesheet/ownernode/index.html create mode 100644 files/ja/web/api/stylesheet/parentstylesheet/index.html create mode 100644 files/ja/web/api/stylesheet/title/index.html create mode 100644 files/ja/web/api/stylesheet/type/index.html (limited to 'files/ja/web/api/stylesheet') diff --git a/files/ja/web/api/stylesheet/disabled/index.html b/files/ja/web/api/stylesheet/disabled/index.html new file mode 100644 index 0000000000..f3f644320d --- /dev/null +++ b/files/ja/web/api/stylesheet/disabled/index.html @@ -0,0 +1,29 @@ +--- +title: StyleSheet.disabled +slug: Web/API/StyleSheet/disabled +tags: + - DOM + - Gecko + - Gecko DOM Reference + - StyleSheet +translation_of: Web/API/StyleSheet/disabled +--- +
+ {{ApiRef}}
+

概要

+

このプロパティは、そのスタイルシートが無効になっているかどうかを示す真偽値を返します。

+

構文

+
bool = stylesheet.disabled;
+
+

例

+
var myStyleSheet = document.styleSheets[0];
+
+if (myStyleSheet.disabled) {
+ // スタイルシートが無効の場合の処理をここに記述
+ // インラインスタイルの適用など…
+}
+
+

仕様書

+ diff --git a/files/ja/web/api/stylesheet/href/index.html b/files/ja/web/api/stylesheet/href/index.html new file mode 100644 index 0000000000..b368c0545b --- /dev/null +++ b/files/ja/web/api/stylesheet/href/index.html @@ -0,0 +1,46 @@ +--- +title: StyleSheet.href +slug: Web/API/StyleSheet/href +tags: + - DOM + - Gecko + - Gecko DOM Reference + - StyleSheet +translation_of: Web/API/StyleSheet/href +--- +
+ {{ApiRef}}
+

概要

+

スタイルシートの URI を返します。

+

構文

+
uri = stylesheet.href
+
+ +

例

+

以下に示す HTML をローカルに配置して表示し、ボタンを押下した場合 file:////C:/Windows/Desktop/example.css などの様な文字列が表示されます。

+
<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" href="example.css" />
+<script>
+function sref() {
+  alert(document.styleSheets[0].href);
+}
+</script>
+</head>
+
+<body>
+  <button onclick="sref()">alert(document.styleSheets[0].href) を実行</button>
+</body>
+
+</html>
+
+

注記

+

スタイルシートがリンクされたものである場合は、その {{HTMLElement("style")}} 要素の href 属性の示す位置が返ります。インラインスタイルのシートの場合の戻り値は NULL となります。

+

このプロパティは Firefox 、 Opera 、 Google Chrome 、 Safari に於いては読取専用ですが、 Internet Explorer では読取 / 書込ともに可能となっています。

+

仕様書

+ diff --git a/files/ja/web/api/stylesheet/index.html b/files/ja/web/api/stylesheet/index.html new file mode 100644 index 0000000000..7875c2ed9d --- /dev/null +++ b/files/ja/web/api/stylesheet/index.html @@ -0,0 +1,65 @@ +--- +title: StyleSheet +slug: Web/API/StyleSheet +tags: + - CSSOM + - DOM + - NeedsTranslation + - TopicStub + - 要更新 +translation_of: Web/API/StyleSheet +--- +
{{APIRef("CSSOM")}}
+ +

StyleSheetインターフェースを実装するオブジェクトは、単一のスタイルシートを表します。CCSスタイルシートは、より特殊化された{{domxref("CSSStyleSheet")}}インターフェースを実装します。

+ +

プロパティ

+ +
+
{{domxref("StyleSheet/disabled","disabled")}}
+
このプロパティは、現在のスタイルシートが適用されているかどうかを示します。
+
{{domxref("StyleSheet/href","href")}} {{readonlyInline}}
+
スタイルシートの位置を返します。
+
{{domxref("StyleSheet/media","media")}} {{readonlyInline}}
+
Specifies the intended destination medium for style information.
+
{{domxref("StyleSheet/ownerNode","ownerNode")}} {{readonlyInline}}
+
このスタイルシートをドキュメントに関連付けるノードを返します。
+
{{domxref("StyleSheet/parentStyleSheet","parentStyleSheet")}} {{readonlyInline}}
+
存在する場合、これを含む {{domxref("StyleSheet")}} を返します; ない場合は null を返します。
+
{{domxref("StyleSheet/title","title")}} {{readonlyInline}}
+
現在のスタイルシートへのアドバイザリタイトルを表す {{domxref("DOMString")}} を返します。
+
{{domxref("StyleSheet/type","type")}} {{readonlyInline}}
+
このスタイルシートのスタイルシート言語を表す {{domxref("DOMString")}} を返します。
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{ SpecName('CSSOM', '#stylesheet', 'StyleSheet') }}{{ Spec2('CSSOM') }}{{ SpecName('DOM2 Style') }} から変更なし
{{ SpecName('DOM2 Style', 'stylesheets.html#StyleSheets-StyleSheet', 'StyleSheet') }}{{ Spec2('DOM2 Style') }}初期定義
+ +

ブラウザー実装状況

+ +

{{Compat("api.StyleSheet")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/stylesheet/media/index.html b/files/ja/web/api/stylesheet/media/index.html new file mode 100644 index 0000000000..6c3de44d29 --- /dev/null +++ b/files/ja/web/api/stylesheet/media/index.html @@ -0,0 +1,57 @@ +--- +title: StyleSheet.media +slug: Web/API/StyleSheet/media +tags: + - API + - CSSOM + - Media + - StyleSheet + - プロパティ +translation_of: Web/API/StyleSheet/media +--- +
{{APIRef("CSSOM")}}
+ +

StyleSheet.media は、スタイル情報の対象として想定するメディアを指定します。これは読み取り専用で配列風の MediaList オブジェクトであり、 deleteMedium() で削除したり appendMedium() で追加したりすることができます。

+ +

例

+ +
<!doctype html>
+<html>
+<head>
+<link rel="stylesheet" href="document.css" type="text/css" media="screen" />
+<style rel="stylesheet" type="text/css" media="screen, print">
+body  { background-color: snow; }
+</style>
+</head>
+<body>
+
+<script>
+for (var iSheetIndex = 0; iSheetIndex < document.styleSheets.length; iSheetIndex++)
+ {
+  console.log('document.styleSheets[' + String(iSheetIndex) + '].media: ' +
+   JSON.stringify(document.styleSheets[iSheetIndex].media));
+  if (iSheetIndex === 0)
+    document.styleSheets[iSheetIndex].media.appendMedium('handheld');
+  if (iSheetIndex === 1)
+    document.styleSheets[iSheetIndex].media.deleteMedium('print');
+  console.log('document.styleSheets[' + String(iSheetIndex) + '].media: ' +
+   JSON.stringify(document.styleSheets[iSheetIndex].media));
+ }
+/*
+will log:
+document.styleSheets[0].media: {"0":"screen"}
+document.styleSheets[0].media: {"0":"screen","1":"handheld"}
+document.styleSheets[1].media: {"0":"screen","1":"print"}
+document.styleSheets[1].media: {"0":"screen"}
+*/
+</script>
+
+</body>
+</html>
+
+ +

仕様書

+ +

DOM Level 2 Styles - STYLESHEET

+ +

W3C: Document Object Model Style Sheets - MediaList

diff --git a/files/ja/web/api/stylesheet/ownernode/index.html b/files/ja/web/api/stylesheet/ownernode/index.html new file mode 100644 index 0000000000..a25e664749 --- /dev/null +++ b/files/ja/web/api/stylesheet/ownernode/index.html @@ -0,0 +1,46 @@ +--- +title: StyleSheet.ownerNode +slug: Web/API/StyleSheet/ownerNode +tags: + - API + - CSSOM + - Property + - Reference +translation_of: Web/API/StyleSheet/ownerNode +--- +
{{APIRef("CSSOM")}}
+ +

概要

+ +

ownerNode は、このスタイルシートを document と関連付けているノードを返します。

+ +

構文

+ +
objRef = stylesheet.ownerNode
+
+ +

例

+ +
<html>
+ <head>
+  <link rel="StyleSheet" href="example.css" type="text/css" />
+  <script>
+   function stilo() {
+    alert(document.styleSheets[0].ownerNode);
+   }
+  </script>
+ </head>
+ <body>
+   <button onclick="stilo()">ss</button>
+ </body>
+</html>
+// displays "object HTMLLinkElement"
+
+ +

補記

+ +

HTML の場合、ownerNode は、相当する {{HTMLElement("link")}} 要素または {{HTMLElement("style")}} 要素になるでしょう。XML の場合、リンク処理命令になるでしょう。他のスタイルシートに含まれるスタイルシートの場合、この属性の値は NULL になります。

+ +

仕様書

+ +

DOM Level 2 Styles - STYLESHEET

diff --git a/files/ja/web/api/stylesheet/parentstylesheet/index.html b/files/ja/web/api/stylesheet/parentstylesheet/index.html new file mode 100644 index 0000000000..bef8ca3b24 --- /dev/null +++ b/files/ja/web/api/stylesheet/parentstylesheet/index.html @@ -0,0 +1,35 @@ +--- +title: StyleSheet.parentStyleSheet +slug: Web/API/StyleSheet/parentStyleSheet +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/StyleSheet/parentStyleSheet +--- +
+ {{ApiRef}}
+

概要

+

対象のスタイルシートを含む親スタイルシートが存在する場合は、それを返します。

+

構文

+
parentStyleSheetObj = stylesheet.parentStyleSheet
+
+

注記

+

対象スタイルシートがトップレベルのスタイルシートの場合、または対象スタイルシートがインクルードをサポートしていない場合、戻り値は null となります。

+

例

+ +
var stylesheet = document.styleSheets[0]; // 文書中の最初のスタイルシート
+
+
+// 親スタイルシートが存在する場合はそれを、
+// 無ければ自身への参照を変数 sheet に代入しています。
+if (stylesheet.parentStyleSheet) {
+  sheet = stylesheet.parentStyleSheet;
+} else {
+  sheet = stylesheet;
+}
+

仕様書

+ diff --git a/files/ja/web/api/stylesheet/title/index.html b/files/ja/web/api/stylesheet/title/index.html new file mode 100644 index 0000000000..6d6ba404e7 --- /dev/null +++ b/files/ja/web/api/stylesheet/title/index.html @@ -0,0 +1,21 @@ +--- +title: StyleSheet.title +slug: Web/API/StyleSheet/title +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/StyleSheet/title +--- +
+ {{ApiRef}}
+

概要

+ +

title は、現在のスタイルシートのタイトルを返します。

+

注記

+ +

タイトルは、多くの場合 {{domxref("StyleSheet/OwnerNode", "ownerNode")}} で指定されています。

+

仕様書

+ diff --git a/files/ja/web/api/stylesheet/type/index.html b/files/ja/web/api/stylesheet/type/index.html new file mode 100644 index 0000000000..587d29dbbc --- /dev/null +++ b/files/ja/web/api/stylesheet/type/index.html @@ -0,0 +1,26 @@ +--- +title: StyleSheet.type +slug: Web/API/StyleSheet/type +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/StyleSheet/type +--- +
+ {{ApiRef}}
+

概要

+

そのスタイルシートの type 属性の値を取得 / 設定します。

+

構文

+
string = stylesheet.type;
+
+

例

+
var ss = document.styleSheets[0]; // 文書中の最初のスタイルシートを参照
+
+ss.type = "text/css"; // 設定
+alert( ss.type ); // 取得
+
+

仕様書

+ -- cgit v1.2.3-54-g00ecf