<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>frameset 要素 cols 属性 (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:">frameset</anchor></code> 要素の
<dfn><code class="HTMLa">cols</code> 属性</dfn>は、
<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="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="HTMLa">cols</code> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;present/frames.html#adef-cols-FRAMESET&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:HTML4:&quot;present/frames.html#adef-cols-FRAMESET&quot;</anchor-external></li><li>Rows and columns <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;present/frames.html#h-16.2.1.1&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:HTML4:&quot;present/frames.html#h-16.2.1.1&quot;</anchor-external></li></ul></li></ul></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="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> この属性の値は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">MultiLengths</anchor></code>
(<code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">MultiLength</anchor></code> の読点分離の並び:
例によって読点の前後には<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">空白</anchor>が挿入可能) です。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">SGML</anchor> 的には <code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CDATA</anchor></code> です。</p><p>読点で分離されたそれぞれの値が、それぞれの枠の横幅となります。</p><p>合計が 100% にならない時には、 UA が調整するべきです。
領域が足りない時は均等に間引き、余る時は均等に割振るべきです。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 16.2.1.1</src></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> この属性は省略可能です。
既定値は <code class="HTML">100%</code> です <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 16.2.1</src>。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DTD</anchor> 上の既定値は <code class="SGML">#<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">IMPLIED</anchor></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> <code class="HTMLa">cols</code> と <code class="HTMLa">rows</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="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> 単純な例 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 16.2.1.1</src><pre class="HTML">&lt;FRAMESET cols=&quot;1*,250,3*&quot;&gt;
...the rest of the definition...
&lt;/FRAMESET&gt;</pre></p><p>この例では、利用できる領域を高さ 100% の枠3つに分割します。
真ん中の枠の幅は 250 画素で、残りの領域を左に4分の1、
右に4分の3割振ります。</p><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> <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">rows</anchor></code> と併用した例 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 16.2.1.1</src><pre class="HTML">&lt;FRAMESET rows=&quot;30%,70%&quot; cols=&quot;33%,34%,33%&quot;&gt;
...the rest of the definition...
&lt;/FRAMESET&gt;</pre></p><p>この例では、6つの枠を作ります。上段は3割、下段は7割の高さとなります。
幅はおおよそ3分割します。</p><p>なお、内容には <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">frame</anchor></code> を、上段左、上段中央、
上段右、下段左、下段中央、下段右の順に並べます。</p></section></section></body></html>