blob: f709b23ee05368d7f69dcf9b05a306f3e0d4efd2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
---
title: CSSPageRule
slug: Web/API/CSSPageRule
tags:
- API
- CSSOM
- Interface
- Reference
translation_of: Web/API/CSSPageRule
---
<div>{{APIRef("CSSOM")}}</div>
<p><strong><code>CSSPageRule</code></strong> は、1 個の CSS {{cssxref("@page")}} 規則を表すインターフェイスです。これは、型定数の値が <code>6</code> (<code>CSSRule.PAGE_RULE</code>) の {{domxref("CSSRule")}} インターフェイスを実装します。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<p>構文は、<a class="external" href="http://dev.w3.org/2006/webapi/WebIDL/">WebIDL</a> 形式で記述されます。</p>
<pre class="syntaxbox">interface CSSPageRule : CSSRule {
attribute DOMString selectorText;
readonly attribute CSSStyleDeclaration style;
};
</pre>
<h2 id="Properties" name="Properties">プロパティ</h2>
<p>{{domxref("CSSRule")}} として、<code>CSSPageRule</code> は、このインターフェイスのプロパティも実装します。これは、次の固有のプロパティを持ちます:</p>
<dl>
<dt>{{domxref("CSSPageRule.selectorText")}}</dt>
<dd>@-規則に関連付けられたページセレクターのテキストを表す。</dd>
<dt>{{domxref("CSSPageRule.style")}} {{readonlyinline}}</dt>
<dd>@-規則に関連付けられた宣言ブロックを返す。</dd>
</dl>
<h2 id="Methods" name="Methods">メソッド</h2>
<p>{{domxref("CSSRule")}} として、<code>CSSPageRule</code> は、このインターフェイスのメソッドも実装します。固有のメソッドはありません。</p>
<h2 id="Specifications" name="Specifications">仕様</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">仕様書</th>
<th scope="col">策定状況</th>
<th scope="col">備考</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSSOM', '#the-csspagerule-interface', 'CSSPageRule')}}</td>
<td>{{Spec2('CSSOM')}}</td>
<td>{{SpecName('DOM2 Style')}} からの変更なし</td>
</tr>
<tr>
<td>{{SpecName('DOM2 Style', 'css.html#CSS-CSSPageRule', 'CSSPageRule')}}</td>
<td>{{Spec2('DOM2 Style')}}</td>
<td>初期定義</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの実装状況</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>機能</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>基本サポート</td>
<td>{{CompatChrome(45.0)}}</td>
<td>{{CompatGeckoDesktop("19")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
<tr>
<td><code>selectorText</code></td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>機能</th>
<th>Android</th>
<th>Android Webview</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
<th>Chrome for Android</th>
</tr>
<tr>
<td>基本サポート</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatChrome(45.0)}}</td>
<td>{{CompatGeckoMobile("19")}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatChrome(45.0)}}</td>
</tr>
<tr>
<td><code>selectorText</code></td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
|
