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
|
---
title: HTMLHRElement
slug: Web/API/HTMLHRElement
tags:
- DOM
- DOM Reference
translation_of: Web/API/HTMLHRElement
---
<div>
{{ApiRef}}</div>
<p>DOM の <code>hr</code> 要素は <code>hr</code> 要素を操作する為の特別なプロパティ である <code>HTMLHRElement</code> インタフェースを持っています。 {{htmlelement("hr")}} 要素は <code>HTMLHRElement</code> インタフェースの継承元である {{domxref("HTMLElement")}} オブジェクトインタフェースからも操作可能です。</p>
<h2 id="Properties" name="Properties">プロパティ</h2>
<p>{{domxref("HTMLElement")}} インタフェースから継承するものの他に、以下の固有プロパティを持ちます。</p>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">プロパティ</th>
<th scope="col">型</th>
<th scope="col">説明</th>
</tr>
<tr>
<td><code>align</code> {{deprecatedGeneric("inline","HTML4.01")}} {{obsoleteGeneric("inline","HTML5")}}</td>
<td>{{domxref("DOMString")}}</td>
<td>罫線に対し、左寄せ、中央寄せ、右寄せの何れかの表示を指示するプロパティ。値には <code>left</code>、<code>center</code>、<code>right</code> の何れかが指定可能です。このプロパティは過去のものであり、用いるべきではありません。代替として、<a href="/ja/docs/Web/CSS">CSS</a> の {{Cssxref("width")}} プロパティ 及び {{Cssxref("margin-left")}} プロパティ、{{Cssxref("margin-right")}} プロパティの併用などで同等の視覚表現が可能です。</td>
</tr>
<tr>
<td><code>color</code> {{obsolete_inline}}</td>
<td>{{domxref("DOMString")}}</td>
<td>罫線の色</td>
</tr>
<tr>
<td><code>noshade</code> {{deprecatedGeneric("inline","HTML4.01")}} {{obsoleteGeneric("inline","HTML5")}}</td>
<td>{{domxref("DOMString")}}</td>
<td>罫線の溝付きのスタイルを無効化する為のプロパティ。値には <code>noshade</code> のみが指定可能です。CSS の {{Cssxref("border")}} プロパティを用いて同等の視覚表現が可能です。</td>
</tr>
<tr>
<td><code>size</code> {{deprecatedGeneric("inline","HTML4.01")}} {{obsoleteGeneric("inline","HTML5")}}</td>
<td>{{domxref("DOMString")}}</td>
<td>罫線の高さを指定するプロパティ。CSS の {{Cssxref("height")}} プロパティ 及び、{{Cssxref("box-sizing")}} プロパティを用いて同等の視覚表現が可能です。</td>
</tr>
<tr>
<td><code>width</code> {{deprecatedGeneric("inline","HTML4.01")}} {{obsoleteGeneric("inline","HTML5")}}</td>
<td>{{domxref("DOMString")}}</td>
<td>罫線の幅を指定するプロパティ。CSS の width プロパティ及び、box-sizing プロパティを用いて同等の視覚表現が可能です。</td>
</tr>
</tbody>
</table>
<h2 id="Methods" name="Methods">メソッド</h2>
<p>固有のメソッドはありません。 {{domxref("HTMLElement")}} のメソッドを継承しています。</p>
<h2 id="Specifications" name="Specifications">仕様</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">仕様書</th>
<th scope="col">策定状況</th>
<th scope="col">コメント</th>
</tr>
<tr>
<td>{{SpecName('HTML WHATWG', "text-level-semantics.htmlgrouping-content.html#the-hr-element", "HTMLHRElement")}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td><code>color</code> プロパティは既存の Web との互換性を考慮し、廃止済プロパティとして残されている。</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', "grouping-content.html#the-hr-element", "HTMLAnchorElement")}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td>次のプロパティの廃止: <code>align</code>, <code>noshade</code>, <code>size</code>, <code>width</code></td>
</tr>
<tr>
<td>{{SpecName('DOM2 HTML', 'html.html#ID-68228811', 'HTMLHRElement')}}</td>
<td>{{Spec2('DOM2 HTML')}}</td>
<td>{{SpecName("DOM1")}} より変更無し</td>
</tr>
<tr>
<td>{{SpecName('DOM1', 'level-one-html.html#ID-68228811', 'HTMLHRElement')}}</td>
<td>{{Spec2('DOM1')}}</td>
<td>最初期の定義</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
<div>
{{CompatibilityTable}}</div>
<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>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop(1.0)}}</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>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>基本サポート</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile(1.0)}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
<li>{{HTMLElement("hr")}} 要素 - <code>HTMLHRElement</code> インタフェースを持つ HTML 要素</li>
</ul>
|
