files/ja/web/html/element/spacer/index.html


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

---
title: <spacer>
slug: Web/HTML/Element/spacer
tags:
  - HTML
  - Obsolete
  - ウェブ
  - リファレンス
  - 要素
translation_of: Web/HTML/Element/spacer
---
<div>{{non-standard_header}}{{ obsolete_header }}</div>

<p><span class="seoSummary"><strong><code>&lt;spacer&gt;</code></strong> は、ウェブページにホワイトスペースを挿入するための廃止された HTML 要素です。ウェブデザイナーによって用いられていた 1px の透過 GIF 画像 (いわゆる<strong>スペーサー GIF</strong>) の挿入と同様の効果を実現するために Netscape 社が実装したものです。しかし <code>&lt;spacer&gt;</code> はほとんどの主要ブラウザーで対応されず、また、同様の効果は CSS を用いて実現可能です。</span></p>

<p>Netscape のブラウザーの子孫である Firefox は、バージョン 4 で <code>&lt;spacer&gt;</code> の対応を廃止しました。</p>

<h2 id="Attributes" name="Attributes">属性</h2>

<p>すべての要素が持つ <a href="/ja/docs/HTML/Global_attributes" title="HTML/Global attributes">グローバル属性</a> と、以下の属性をサポートしていました。</p>

<dl>
 <dt>{{ htmlattrdef("type") }}</dt>
 <dd>スペーサーの種類を設定。 <code>horizontal</code>, <code>vertical</code>, <code>block</code> の内のいずれかのキーワードを指定可能。</dd>
 <dt>{{ htmlattrdef("size") }}</dt>
 <dd><code>type</code> 属性の値が <code>horizontal</code> または <code>vertical</code> である場合の、スペーサーのピクセルサイズ</dd>
 <dt>{{ htmlattrdef("width") }}</dt>
 <dd><code>type</code> 属性の値が <code>block</code> である場合、スペーサーのピクセル幅を設定</dd>
 <dt>{{ htmlattrdef("height") }}</dt>
 <dd><code>type</code> 属性の値が <code>block</code> である場合、スペーサーのピクセル高を設定</dd>
 <dt>{{ htmlattrdef("align") }}</dt>
 <dd>スペーサーの配置を設定。<code>left</code>、 <code>right</code>、 <code>center</code> の内のいずれかのキーワードを指定可能。</dd>
</dl>

<h2 id="Example" name="Example">例</h2>

<pre class="brush:html">&lt;span&gt;テキストノード&lt;/span&gt;
&lt;spacer type="horizontal" size="10"&gt;&lt;/spacer&gt;
&lt;span&gt;別のテキストノード&lt;/span&gt;
&lt;spacer type="block" width="10" height="10"&gt;&lt;/spacer&gt;
</pre>

<h2 id="Specification" name="Specification">仕様書</h2>

<p>どの仕様書にも含まれていません。</p>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>

<p class="hidden">このページの互換性一覧表は構造化データから生成されます。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p>

<p>{{Compat("html.elements.spacer")}}</p>

<p>{{ HTMLRef }}</p>