<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>frame 要素・iframe 要素 scrolling 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">frame</anchor></code> 要素・
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">iframe</anchor></code> 要素の 
<dfn><code class="HTMLa">scrolling</code> 属性</dfn>は、
フレーム窓の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">scroll</anchor> についての情報を指定します。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor><ul><li><code class="HTMLe">frame</code> 要素 <code class="HTMLa">scrolling</code> 属性
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;present/frames.html#adef-scrolling&quot;">IW:HTML4:&quot;present/frames.html#adef-scrolling&quot;</anchor-external></li></ul></li></ul></p></section><section><h1>代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> 一般に、内容がフレーム窓から溢れるかどうかは、
その内容や利用者が使っている環境によりますから、
フレームで固定的に指定することは望ましくないと考えられます。</p><p><code class="HTMLe">frame</code> 要素ではなく、 <code class="HTMLe">frame</code>
の中に表示されるべき文書の側で、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スタイル・シート</anchor>によって同等の指定を行うことが望ましいと思われます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> の場合は、 <samp class="CSS"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">overflow</anchor></samp> 特性を使うことができます。
こちらは HTML よりも柔軟な設定が可能です。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>属性値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> この属性は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">列挙型</anchor>です。</p><table><tbody><tr><td>属性値</td><td>説明</td></tr><tr><td><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">auto</anchor></code></td><td>Scroll 装置が必要なら提供するよう指示します。</td></tr><tr><td><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">yes</anchor></code></td><td>Scroll 装置を提供するよう指示します。</td></tr><tr><td><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">no</anchor></code></td><td>Scroll 装置を提供しないよう指示します。</td></tr></tbody></table><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> この属性は省略可能です。省略時の既定値は
<code class="HTML">auto</code> です。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>レンダリング</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フレーム</anchor>内の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画布</anchor>に対する
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">overflow</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>の指定との関係:<table><tbody><tr><td><code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">scrolling</anchor></code> \ <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">overflow</anchor></code></td><td><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">scroll</anchor></code></td><td><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">hidden</anchor></code></td><td><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">auto</anchor></code></td><td>指定なし</td></tr><tr><td><code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">yes</anchor></code></td><td><strong>常に縦横</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td><td>Fx: <strong>常に縦横</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor>; IE, Opera: 常に縦横とも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor><strong>なし</strong></td><td>Fx, Opera: <strong>常に縦横</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor>; IE: <strong>必要なら</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td><td>Fx, Opera: <strong>常に縦横</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor>; IE: 常に縦<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor>、必要なら横<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td></tr><tr><td><code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">no</anchor></code></td><td>Fx, IE: 常に縦横とも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor><strong>なし</strong>; Opera: <strong>常に縦横</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td><td colspan="3">常に縦横とも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor><strong>なし</strong></td></tr><tr><td><code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">auto</anchor></code></td><td><strong>常に縦横</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td><td>常に縦横とも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor><strong>なし</strong></td><td colspan="2"><strong>必要なら</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td></tr><tr><td>指定なし</td><td><strong>常に縦横</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td><td>常に縦横とも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor><strong>なし</strong></td><td colspan="2"><strong>必要なら</strong><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクロール・バー</anchor></td></tr></tbody></table></p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 1.5, <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE</anchor> 6 (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Windows XP</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">SP2</anchor>),
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9</comment-p></section></section><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> HTML に属性数多あれども現在分詞形をしているのはこの属性だけではないでしょうか。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> <cite xml:lang="en">943249 – The overflow property on an &lt;iframe&gt; is propagated to the viewport of the inner document (unlike other UAs)</cite>
( (<time>2014-01-10 09:05:38 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://bugzilla.mozilla.org/show_bug.cgi?id=943249">https://bugzilla.mozilla.org/show_bug.cgi?id=943249</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r8517     Make &lt;iframe scrolling&gt; more Web-compatible.</cite>
( (<time>2014-03-01 08:24:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=8516&amp;to=8517">http://html5.org/tools/web-apps-tracker?from=8516&amp;to=8517</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <cite xml:lang="en">Editorial: nested browsing context is a member, not a type</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">annevk</anchor>, <time>2019-11-27 02:46:03 +09:00</time>, <time>2022-01-18T10:07:58.000Z</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/6b737bbc428facf34ec3728c0912cf9e172d0ea4">https://github.com/whatwg/html/commit/6b737bbc428facf34ec3728c0912cf9e172d0ea4</anchor-external></p></section></body></html>