diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/htmltableelement | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/web/api/htmltableelement')
23 files changed, 1003 insertions, 0 deletions
diff --git a/files/ja/web/api/htmltableelement/align/index.html b/files/ja/web/api/htmltableelement/align/index.html new file mode 100644 index 0000000000..b80c15c978 --- /dev/null +++ b/files/ja/web/api/htmltableelement/align/index.html @@ -0,0 +1,44 @@ +--- +title: HTMLTableElement.align +slug: Web/API/HTMLTableElement/align +tags: + - DOM + - Gecko +translation_of: Web/API/HTMLTableElement/align +--- +<div>{{ Apiref()}} {{deprecated_header()}}</div> + +<h2 id="Summary" name="Summary">概要</h2> + +<p><strong>align</strong> は、テーブルの配置位置 (alignment) を取得 / 設定します。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>HTMLTableElement</em>.align =<em>alignment</em>; +var<em>alignment</em> =<em>HTMLTableElement</em>.align;</pre> + +<h3 id="Parameters" name="Parameters">引数</h3> + +<dl> + <dt><code>alignment</code> {{deprecatedGeneric('inline','HTML4')}}</dt> + <dd>以下の内の何れかのキーワードを指定(或いは取得)します。 + <ul> + <li>left</li> + <li>center</li> + <li>right</li> + </ul> + </dd> +</dl> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush:js">// テーブルの位置を設定する + +var t = document.getElementById('TableA'); // 対象テーブルを取得 +t.align = 'center'; // 中央寄せ配置の指定</pre> + +<h2 id="Specification" name="Specification">仕様書</h2> + +<ul> + <li>W3C DOM 2 HTML 仕様書: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-23180977"><em>HTMLTableElement</em> .align</a>.</li> +</ul> diff --git a/files/ja/web/api/htmltableelement/bgcolor/index.html b/files/ja/web/api/htmltableelement/bgcolor/index.html new file mode 100644 index 0000000000..153b8eda49 --- /dev/null +++ b/files/ja/web/api/htmltableelement/bgcolor/index.html @@ -0,0 +1,56 @@ +--- +title: HTMLTableElement.bgColor +slug: Web/API/HTMLTableElement/bgColor +tags: + - DOM + - Gecko +translation_of: Web/API/HTMLTableElement/bgColor +--- +<div>{{ ApiRef() }} {{ Deprecated_header() }}</div> + +<h2 id="Summary" name="Summary">概要</h2> + +<p><code>bgcolor</code> は、テーブルの背景色を取得 / 設定します。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>color</em> = table.bgColor +table.bgColor =<em>color</em></pre> + +<h3 id="Parameters" name="Parameters">引数</h3> + +<dl> + <dt><em><code>color</code></em></dt> + <dd>色を表す文字列</dd> +</dl> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush:js">// テーブルの背景色をゴーストホワイトに設定 + +var t = document.getElementById('TableA'); // 対象テーブルへの参照を変数に代入 +t.bgColor = 'ghostwhite'; // テーブルに背景色を設定 + +t.style.backgroundColor = 'ghostwhite'; // ※style 属性を設定する事によっても可能</pre> + +<p>※<code>bgcolor</code> は DOM の <a href="/ja/docs/DOM/table.tBodies"><code>tbody</code></a>、 <a href="/ja/docs/DOM/table.rows"><code>row</code></a>、 <a href="/ja/docs/DOM/table.cells"><code>cell</code></a> オブジェクトに対して用いる事も可能です。</p> + +<h2 id="Notes" name="Notes">注記</h2> + +<p><code>bgcolor</code> 属性は、HTML 4.01 で非推奨属性に指定されています。 代替として CSS の {{cssxref("background-color")}} プロパティを用います。要素の <a href="/ja/docs/DOM/style#DOM_Style_Object"><code>style</code></a> 属性にこれを設定するか、或いはスタイルシートで設定します。</p> + +<p>スタイルと文書情報の分離を図るのであれば、スタイルシート内に特定のクラス名でスタイルを予め定義しておき、JavaScript でテーブル要素にそのクラス名を設定するなどの方法を用いる方が良いでしょう。</p> + +<pre class="brush:css">/* CSS */ +.ghostwhiteBackground { background-color: ghostwhite; }</pre> + +<pre class="brush:js">/* JS */ +// ※変数 t にはテーブル要素への参照が代入済みであるとする + +t.setAttribute("class", "ghostwhiteBackground");</pre> + +<h2 id="Specification" name="Specification">仕様書</h2> + +<ul> + <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-83532985">DOM Level 2 HTML:<em>HTMLTableElement</em> .bgColor</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/border/index.html b/files/ja/web/api/htmltableelement/border/index.html new file mode 100644 index 0000000000..c513e3d9e6 --- /dev/null +++ b/files/ja/web/api/htmltableelement/border/index.html @@ -0,0 +1,37 @@ +--- +title: HTMLTableElement.border +slug: Web/API/HTMLTableElement/border +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/border +--- +<div> + {{ApiRef()}} {{deprecated_header()}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>border</b> は、テーブルのボーダー幅( <code>border</code> 属性の値)の取得 / 設定に用います。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><var>HTMLTableElement</var>.border =<i>borderWidth</i>; //取得 +borderWidth = <var>HTMLTableElement</var>.<i>border</i>; //設定</pre> +<dl> + <dt> + <code>border</code></dt> + <dd> + テーブルのボーダーのピクセル幅を単位無しで取得 / 設定</dd> +</dl> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">// テーブルのボーダー幅を 2 ピクセルに設定する例 + +var t = document.getElementById("TableA"); // 対象とする table 要素への参照を変数 t に代入 + +t.border = "2"; // ボーダー幅の設定</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>border 属性は HTML 4.0 で非推奨属性となっています。代わりに CSS の {{cssxref("border-width")}} を間接的、または直接的に使用すると良いでしょう(例: <a href="/ja/docs/DOM/table.bgColor#Notes" title="table.bgColor | MDN">table.bgColor #注記</a>)</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li>W3C DOM 2 HTML 仕様書 <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-50969400"> + <i> + HTMLTableElement</i> + .border</a>.</li> +</ul> diff --git a/files/ja/web/api/htmltableelement/caption/index.html b/files/ja/web/api/htmltableelement/caption/index.html new file mode 100644 index 0000000000..a473c59f83 --- /dev/null +++ b/files/ja/web/api/htmltableelement/caption/index.html @@ -0,0 +1,26 @@ +--- +title: HTMLTableElement.caption +slug: Web/API/HTMLTableElement/caption +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/caption +--- +<div> + {{ApiRef()}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><code>caption</code> は、table 要素のキャプションを返します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>string</i> = table.caption</pre> +<h3 id="Example" name="Example">例</h3> +<pre class="brush:js">if (table.caption) { + // do something with the caption +}</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>このプロパティは、対象テーブル内に {{HTMLelement("caption")}} 要素が存在しない場合、<code>void</code> を返します。</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-14594520">caption</a></li> + <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-12035137">Interface HTMLTableCaptionElement</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/cellpadding/index.html b/files/ja/web/api/htmltableelement/cellpadding/index.html new file mode 100644 index 0000000000..ad8f63fa79 --- /dev/null +++ b/files/ja/web/api/htmltableelement/cellpadding/index.html @@ -0,0 +1,31 @@ +--- +title: HTMLTableElement.cellPadding +slug: Web/API/HTMLTableElement/cellPadding +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/cellPadding +--- +<div> + {{Apiref()}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>cellPadding</b> は、テーブルの各セル全ての余白の設定 / 取得に用います。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableElement</i>.cellPadding = <var>padding</var>; +<var>padding</var> =<i>HTMLTableElement</i>.cellPadding;</pre> +<ul> + <li>変数 <code>padding</code> は "10" の様な絶対値(ピクセル幅、単位無し)、或いは "100%" の様な相対値となります。</li> +</ul> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">// テーブルのセルの余白を 10px に設定する例 + +var t = document.getElementById("TableA"); // 対象とする table 要素への参照を代入 +t.cellPadding = "10"; // 設定</pre> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li>W3C DOM 2 HTML 仕様書: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-59162158"> + <i> + HTMLTableElement</i> + .cellPadding</a>.</li> +</ul> diff --git a/files/ja/web/api/htmltableelement/cellspacing/index.html b/files/ja/web/api/htmltableelement/cellspacing/index.html new file mode 100644 index 0000000000..ce08388609 --- /dev/null +++ b/files/ja/web/api/htmltableelement/cellspacing/index.html @@ -0,0 +1,31 @@ +--- +title: HTMLTableElement.cellSpacing +slug: Web/API/HTMLTableElement/cellSpacing +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/cellSpacing +--- +<div> + {{ ApiRef() }}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>cellSpacing</b> は、テーブルのセル間の幅の取得 / 設定に用います。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableElement</i>.cellSpacing =<i>spacing</i>; //設定 +<var>spacing</var> =<i>HTMLTableElement</i>.cellSpacing; //取得</pre> +<ul> + <li>変数 <var>spacing</var> は "10" の様なピクセル値(絶対値、単位無し)、または "10%" の様な相対値となります。</li> +</ul> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">// セル間の間隔を 10 ピクセルに設定する例 + +var t = document.getElementById('TableA'); +t.cellSpacing = "10";</pre> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li>W3C DOM 2 HTML 仕様書: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-68907883"> + <i> + HTMLTableElement</i> + .cellSpacing</a>.</li> +</ul> diff --git a/files/ja/web/api/htmltableelement/createcaption/index.html b/files/ja/web/api/htmltableelement/createcaption/index.html new file mode 100644 index 0000000000..339ee8b766 --- /dev/null +++ b/files/ja/web/api/htmltableelement/createcaption/index.html @@ -0,0 +1,23 @@ +--- +title: HTMLTableElement.createCaption +slug: Web/API/HTMLTableElement/createCaption +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/createCaption +--- +<div> + {{ApiRef}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><code>createCaption</code> は、テーブル内に新たに {{htmlelement("caption")}} 要素を生成します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableElement</i> = table.createCaption()</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js;gutter:false;">mycap = mytable.createCaption();</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>既にテーブル内に caption 要素が存在した場合、このメソッドはその caption 要素を返します。</p> +<h2 id="Specification" name="Specification">仕様</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-96920263">createCaption</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/createtfoot/index.html b/files/ja/web/api/htmltableelement/createtfoot/index.html new file mode 100644 index 0000000000..0a15f714aa --- /dev/null +++ b/files/ja/web/api/htmltableelement/createtfoot/index.html @@ -0,0 +1,27 @@ +--- +title: HTMLTableElement.createTFoot +slug: Web/API/HTMLTableElement/createTFoot +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/createTFoot +--- +<div> + {{ApiRef}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>createTFoot</b> は、テーブル内に新たに {{htmlelement("tfoot")}} 要素を生成します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableElement</i> = table.createTFoot()</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">var mytable = document.getElementsByClassName("mytable")[0]; + +var myfoot = mytable.createTFoot(); + +//チェック用コード: myfoot == mytable.tFoot</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>既にテーブル内に <code>tfoot</code> 要素が存在した場合、このメソッドはその <code>tfoot</code> 要素を返します。</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-8453710">createTFoot</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/createthead/index.html b/files/ja/web/api/htmltableelement/createthead/index.html new file mode 100644 index 0000000000..b8b76999e2 --- /dev/null +++ b/files/ja/web/api/htmltableelement/createthead/index.html @@ -0,0 +1,27 @@ +--- +title: HTMLTableElement.createTHead +slug: Web/API/HTMLTableElement/createTHead +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/createTHead +--- +<div> + {{ ApiRef() }}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>createTHead</b> は、テーブル内に新たに {{htmlelement("thead")}} 要素を生成します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLElementObject</i> = table.createTHead()</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">var mytable = document.getElementById("mytable"); + +var myhead = mytable.createTHead(); + +//チェック用コード: myhead == mytable.tHead</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>既にテーブル内に thead 要素が存在した場合、このメソッドはその thead 要素を返します。</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-70313345">createTHead</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/deletecaption/index.html b/files/ja/web/api/htmltableelement/deletecaption/index.html new file mode 100644 index 0000000000..f912393bf1 --- /dev/null +++ b/files/ja/web/api/htmltableelement/deletecaption/index.html @@ -0,0 +1,21 @@ +--- +title: HTMLTableElement.deleteCaption +slug: Web/API/HTMLTableElement/deleteCaption +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteCaption +--- +<div> + {{ApiRef}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><code>deleteCaption</code> は、テーブル内の {{htmlelement("caption")}} 要素を削除します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableElement</i>.deleteCaption()</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js;gutter:false;">mytable.deleteCaption();</pre> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-22930071">deleteCaption</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/deleterow/index.html b/files/ja/web/api/htmltableelement/deleterow/index.html new file mode 100644 index 0000000000..3a00d42d4a --- /dev/null +++ b/files/ja/web/api/htmltableelement/deleterow/index.html @@ -0,0 +1,40 @@ +--- +title: HTMLTableElement.deleteRow +slug: Web/API/HTMLTableElement/deleteRow +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteRow +--- +<div> + {{ApiRef()}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><strong>deleteRow</strong> は、テーブルから行を取り除きます。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><em>HTMLTableElement</em>.deleteRow(<em>index</em>)</pre> +<h3 id="Return_Value" name="Return_Value">戻り値</h3> +<p>無し</p> +<h3 id="Parameters" name="Parameters">引数</h3> +<dl> + <dt> + <code>index</code></dt> + <dd> + 削除対象行のインデックス( 0 を一行目とする行番号。整数で指定)<br> + 但し <code>-1</code> は最終行を削除する特別なインデックスとなります。<br> + <code>-1</code> 以外の負数は無効です。</dd> +</dl> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">mytable.deleteRow(1); +// delete the second row</pre> +<h2 id="Exceptions" name="Exceptions">例外</h2> +<dl> + <dt> + <code>INDEX_SIZE_ERR</code></dt> + <dd> + 行数以上のインデックスを引数に指定した場合に、もしくは <code>-1</code> 以外の負数を指定した場合に、この例外がスローされます。</dd> +</dl> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-13114938">deleteRow</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/deletetfoot/index.html b/files/ja/web/api/htmltableelement/deletetfoot/index.html new file mode 100644 index 0000000000..1a8998b0f9 --- /dev/null +++ b/files/ja/web/api/htmltableelement/deletetfoot/index.html @@ -0,0 +1,21 @@ +--- +title: HTMLTableElement.deleteTFoot +slug: Web/API/HTMLTableElement/deleteTFoot +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteTFoot +--- +<div> + {{ ApiRef }}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>deleteTFoot</b> は、テーブル内の {{htmlelement("tfoot")}} 要素を削除します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableElement</i>.deleteTFoot()</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js;gutter:false;">mytable.deleteTFoot();</pre> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-78363258">deleteTFoot</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/deletethead/index.html b/files/ja/web/api/htmltableelement/deletethead/index.html new file mode 100644 index 0000000000..127fc0f919 --- /dev/null +++ b/files/ja/web/api/htmltableelement/deletethead/index.html @@ -0,0 +1,21 @@ +--- +title: HTMLTableElement.deleteTHead +slug: Web/API/HTMLTableElement/deleteTHead +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteTHead +--- +<div> + {{ApiRef}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><strong>deleteTHead</strong> は、テーブル内の {{htmlelement("thead")}} 要素を削除します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><em>HTMLTableElement</em>.deleteTHead()</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js;gutter:false">mytable.deleteTHead();</pre> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-38310198">deleteTHead</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/frame/index.html b/files/ja/web/api/htmltableelement/frame/index.html new file mode 100644 index 0000000000..b3cf08b860 --- /dev/null +++ b/files/ja/web/api/htmltableelement/frame/index.html @@ -0,0 +1,68 @@ +--- +title: HTMLTableElement.frame +slug: Web/API/HTMLTableElement/frame +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/frame +--- +<div> + {{ApiRef()}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><code>frame</code> は、表の外辺部のボーダーの表示箇所を設定します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><var>HTMLTableElement</var>.frame =<i>side</i>; +var<i>side</i> = <var>HTMLTableElement</var>.frame;</pre> +<h3 id="Parameters" name="Parameters">引数</h3> +<p><code>side</code> は以下の文字列の内の何れかです。</p> +<dl> + <dt> + <code>void</code></dt> + <dd> + どの辺にも表示しない(初期値)</dd> + <dt> + <code>above</code></dt> + <dd> + 上辺を表示</dd> + <dt> + <code>below</code></dt> + <dd> + 下辺〃</dd> + <dt> + <code>hsides</code></dt> + <dd> + 上下〃</dd> + <dt> + <code>vsides</code></dt> + <dd> + 左右〃</dd> + <dt> + <code>lhs</code></dt> + <dd> + 左辺のみ〃</dd> + <dt> + <code>rhs</code></dt> + <dd> + 右辺のみ〃</dd> + <dt> + <code>box</code></dt> + <dt> + <code>border</code></dt> + <dd> + 4 辺全て〃</dd> +</dl> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">// テーブルに 2 ピクセル幅のボーダーを表示する例 + +var t = document.getElementById('TableA'); + +t.frame = "border"; // 全辺のボーダーを有効に +t.border = "2px"; // 幅を 2 ピクセルに設定</pre> +<h2 id="Specification" name="Specification">仕様</h2> +<ul> + <li>W3C DOM 2 HTML 仕様書 <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-64808476"> + <i> + HTMLTableElement</i> + .frame</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/index.html b/files/ja/web/api/htmltableelement/index.html new file mode 100644 index 0000000000..2fb98c6ee0 --- /dev/null +++ b/files/ja/web/api/htmltableelement/index.html @@ -0,0 +1,190 @@ +--- +title: HTMLTableElement +slug: Web/API/HTMLTableElement +tags: + - DOM + - DOM Reference +translation_of: Web/API/HTMLTableElement +--- +<div> + {{ApiRef}}</div> +<p><code>table</code> オブジェクトは、 HTML の table 要素のレイアウトやプレゼンテーションを操作する為の特別なプロパティとメソッドを提供する <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-64060425"><code>HTMLTableElement</code></a> インタフェースを公開します。<br> + 係るプロパティとメソッドは、{{domxref("Element")}} オブジェクトインタフェースからも継承により操作可能となっています。</p> +<h2 id="Properties" name="Properties">プロパティ</h2> +<dl> + <dt> + {{domxref("HTMLTableElement.caption")}}</dt> + <dd> + 対象テーブルの caption 要素を返す</dd> + <dt> + {{domxref("HTMLTableElement.tHead")}}</dt> + <dd> + 対象テーブルの thead 要素を返す</dd> + <dt> + {{domxref("HTMLTableElement.tFoot")}}</dt> + <dd> + 対象テーブルの tfoot 要素を返す</dd> + <dt> + {{domxref("HTMLTableElement.rows")}}</dt> + <dd> + 対象テーブルの行を返す</dd> + <dt> + {{domxref("HTMLTableElement.tBodies")}}</dt> + <dd> + 対象テーブルの tbody 要素を返す</dd> +</dl> +<dl> + <dt> + {{domxref("HTMLTableElement.align")}} {{Deprecated_inline}}</dt> + <dd> + 対象テーブルの align 属性の取得 / 設定</dd> + <dt> + {{domxref("HTMLTableElement.bgColor")}} {{Deprecated_inline}}</dt> + <dd> + 対象テーブルの bgcolor 属性の取得 / 設定</dd> + <dt> + {{domxref("HTMLTableElement.border")}} {{Deprecated_inline}}</dt> + <dd> + 対象テーブルの border 属性の取得 / 設定</dd> + <dt> + {{domxref("HTMLTableElement.cellPadding")}}</dt> + <dd> + 対象テーブルの cellpadding 属性の取得 / 設定</dd> + <dt> + {{domxref("HTMLTableElement.cellSpacing")}}</dt> + <dd> + 対象テーブルの cellspacing 属性の取得 / 設定</dd> + <dt> + {{domxref("HTMLTableElement.frame")}}</dt> + <dd> + 対象テーブルのどの方向の辺にボーダーを表示するか、あるいはしないかを設定</dd> + <dt> + {{domxref("HTMLTableElement.rules")}}</dt> + <dd> + 対象テーブルの 行 / 列 / グループ のボーダーの表示の有無を設定</dd> + <dt> + {{domxref("HTMLTableElement.summary")}}</dt> + <dd> + 対象テーブルの summary 属性(概要)の取得 / 設定</dd> + <dt> + {{domxref("HTMLTableElement.width")}}</dt> + <dd> + 対象テーブルの width 属性の取得 / 設定</dd> +</dl> +<h2 id="Methods" name="Methods">メソッド</h2> +<dl> + <dt> + {{domxref("HTMLTableElement.createTHead")}}</dt> + <dd> + 対象テーブル内に thead 要素を生成</dd> + <dt> + {{domxref("HTMLTableElement.deleteTHead")}}</dt> + <dd> + 対象テーブル内の thead 要素の削除</dd> + <dt> + {{domxref("HTMLTableElement.createTFoot")}}</dt> + <dd> + 対象テーブル内に tfoot 要素を生成</dd> + <dt> + {{domxref("HTMLTableElement.deleteTFoot")}}</dt> + <dd> + 対象テーブル内の tfoot 要素の削除</dd> + <dt> + {{domxref("HTMLTableElement.createCaption")}}</dt> + <dd> + 対象テーブル内に caption 要素を生成</dd> + <dt> + {{domxref("HTMLTableElement.deleteCaption")}}</dt> + <dd> + 対象テーブル内の caption 要素の削除</dd> + <dt> + {{domxref("HTMLTableElement.insertRow")}}</dt> + <dd> + 対象テーブル内に新たな行を挿入</dd> + <dt> + {{domxref("HTMLTableElement.deleteRow")}}</dt> + <dd> + 対象テーブル内の行の削除</dd> +</dl> +<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', "tabular-data.html#the-table-element", "HTMLTableElement")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>optional -1 for indexRow + sortable + stopSorting()</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "tabular-data.html#the-table-element", "HTMLTableElement")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('DOM2 HTML', 'html.html#ID-64060425', 'HTMLTableElement')}}</td> + <td>{{Spec2('DOM2 HTML')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('DOM1', 'level-one-html.html#ID-64060425', 'HTMLTableElement')}}</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("table")}} - <code>HTMLTableElement</code> インタフェースを持つ HTML 要素</li> +</ul> +<p><span id="cke_bm_222C" style="display: none;"> </span></p> diff --git a/files/ja/web/api/htmltableelement/insertrow/index.html b/files/ja/web/api/htmltableelement/insertrow/index.html new file mode 100644 index 0000000000..2d0a6808be --- /dev/null +++ b/files/ja/web/api/htmltableelement/insertrow/index.html @@ -0,0 +1,114 @@ +--- +title: HTMLTableElement.insertRow +slug: Web/API/HTMLTableElement/insertRow +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/insertRow +--- +<div> + {{ApiRef}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><code>insertRow</code> は、テーブル内に新しい行を挿入します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox">var <em>row</em> = <em>HTMLTableElement</em>.insertRow(<em>index</em>);</pre> +<ul> + <li><a href="/ja/docs/DOM/HTMLTableElement" title="DOM/HTMLTableElement"><code>HTMLTableElement</code></a>: HTML table 要素への参照</li> + <li><code>index</code>: 新しい行の行番号( 0 が一行目)</li> + <li><code>row</code>: 新しい行への参照が割り当てられる<br> + <code>index</code> に -1 または行数に等しい場合、行は最後の行として追加される。<br> + <code>index</code> が省略したり、行数より大きい場合、エラーが発生する。</li> + <li>テーブル内に既に複数の <code>tbody</code> 要素が存在する場合、新しい行は最後の tbody 要素に挿入されます。<br> + 特定の tbody 要素に行を挿入するには、以下の様にします。 + <pre><code>var <em>specific_tbody</em> = document.getElementById(<em>tbody_id</em>); +var <em>row</em> = specific_tbody.insertRow(<em>index</em>)</code></pre> + </li> +</ul> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:html"><table id="TableA"> + <tr> + <td>Old top row</td> + </tr> +</table> + +<script type="text/javascript"> + +function addRow(tableID) { + // table 要素への参照を取得し、変数に代入 + var tableRef = document.getElementById(tableID); + + // テーブルのインデックス 0 の行(一行目)に行を挿入 + var newRow = tableRef.insertRow(0); + + // 一行目にセルを挿入 + var newCell = newRow.insertCell(0); + + // 作成したセルにテキストノードを挿入 + var newText = document.createTextNode('New top row') + newCell.appendChild(newText); +} + +// 引数にテーブルの id を指定して関数 addRow() を実行 +addRow('TableA'); + +</script></pre> +<ul> + <li>HTML 文書を valid なものとするには、tr 要素か td 要素の内、少なくとも一つが必要です。</li> + <li><code>insertRow</code> は直接テーブルに行を挿入し、<strong>新しい行への参照を返します</strong>。<a href="/ja/docs/DOM/document.createElement" title="DOM/document.createElement"><code>document.createElement()</code></a> などで新たに tr 要素を作成する必要はありません。</li> +</ul> +<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</th> + </tr> + <tr> + <td>基本サポート</td> + <td>4</td> + <td>3</td> + <td>5.5</td> + <td>10.10</td> + <td>4</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 Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> + </table> +</div> +<h3 id="Gecko-specific_notes" name="Gecko-specific_notes">Gecko 固有の注意事項</h3> +<ul> + <li>Gecko 20.0 {{geckoRelease("20.0")}} 以降では、引数 <var>index</var> は HTML の仕様に則り省略可能となり、初期値は <code>-1</code> となりました。</li> +</ul> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-39872903">DOM Level 2 HTML: insertRow</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/rows/index.html b/files/ja/web/api/htmltableelement/rows/index.html new file mode 100644 index 0000000000..b201809a2e --- /dev/null +++ b/files/ja/web/api/htmltableelement/rows/index.html @@ -0,0 +1,29 @@ +--- +title: HTMLTableElement.rows +slug: Web/API/HTMLTableElement/rows +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/rows +--- +<div> + {{ApiRef}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><strong>rows</strong> は、テーブル内の全ての<a href="/ja/docs/DOM/tableRow" title="DOM/tableRow">行</a>のコレクションを返します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLCollectionObject</i> = table.rows</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">var mytable = document.getElementById("mytable"); + +var myrows = mytable.rows; // mytable の行コレクション +var firstRow = mytable.rows[0]; // mytable の最初の行 +var lastRow = mytable.rows[ mytable.rows.length - 1 ]; // mytable の最後の行</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>Table オブジェクトの rows プロパティによって返されるコレクションには {{htmlelement("thead")}} 内、{{htmlelement("tfoot")}} 内、{{htmlelement("tfoot")}} 内、{{htmlelement("tbody")}} 内の、全ての行が含まれます。</p> +<p>テーブルセクション要素 (<code>thead</code>、<code>tfoot</code>、<code>tbody</code>) の <code>rows</code> プロパティには、そのテーブルセクション要素の行のみが含まれます。</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-6156016">rows</a></li> + <li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506">HTMLcollection</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/rules/index.html b/files/ja/web/api/htmltableelement/rules/index.html new file mode 100644 index 0000000000..b979aa3acb --- /dev/null +++ b/files/ja/web/api/htmltableelement/rules/index.html @@ -0,0 +1,56 @@ +--- +title: HTMLTableElement.rules +slug: Web/API/HTMLTableElement/rules +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/rules +--- +<div> + {{APIRef}}</div> +<div> + </div> +<div> + <span style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">概要</span></div> +<p><code>rules</code> は、テーブル内のボーダーの表示位置の設定 / 取得に用います。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><var>HTMLTableElement</var>.rules =<i>rules</i>; //設定 +<var>rules</var> = <var>HTMLTableElement</var>.<i>rules</i>; //取得</pre> +<h3 id="Parameters" name="Parameters">引数</h3> +<p>指定値及び戻り値は、次の文字列の内の一つとなります。</p> +<dl> + <dt> + <code>none</code></dt> + <dd> + ボーダーを表示しない</dd> + <dt> + <code>groups</code></dt> + <dd> + グループ間にのみボーダーを表示</dd> + <dt> + <code>rows</code></dt> + <dd> + 行間にボーダーを表示</dd> + <dt> + <code>cols</code></dt> + <dd> + 列間にボーダーを表示</dd> + <dt> + <code>all</code></dt> + <dd> + 全てのセル間にボーダーを表示</dd> +</dl> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">// テーブルの全てのボーダーを表示する例 + +var t = document.getElementById("TableID"); // table 要素への参照を変数に代入 + +t.rules = "all"; // テーブルの rules プロパティに "all" を設定</pre> +<h2 id="Specification" name="Specification">仕様</h2> +<ul> + <li>W3C DOM 2 HTML 仕様書: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26347553"> + <i> + HTMLTableElement</i> + .rules</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/summary/index.html b/files/ja/web/api/htmltableelement/summary/index.html new file mode 100644 index 0000000000..a20c6d04fc --- /dev/null +++ b/files/ja/web/api/htmltableelement/summary/index.html @@ -0,0 +1,25 @@ +--- +title: HTMLTableElement.summary +slug: Web/API/HTMLTableElement/summary +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/summary +--- +<div> + {{ApiRef()}}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>summary</b> は、テーブルの概要(<code>summary</code> 属性の値)の取得 / 設定に用います。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableElement</i>.summary = <var>string</var>; //設定 +<var>string</var> =<i>HTMLTableElement</i>.summary; //取得</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js;gutter:false">HTMLTableElement.summary = "Firefox の年度別推定使用者数";</pre> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li>W3C DOM 2 HTML 仕様書: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-44998528"> + <i> + HTMLTableElement</i> + .summary</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/tbodies/index.html b/files/ja/web/api/htmltableelement/tbodies/index.html new file mode 100644 index 0000000000..0c3d993513 --- /dev/null +++ b/files/ja/web/api/htmltableelement/tbodies/index.html @@ -0,0 +1,31 @@ +--- +title: HTMLTableElement.tBodies +slug: Web/API/HTMLTableElement/tBodies +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/tBodies +--- +<div> + {{ ApiRef() }}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><b>tBodies</b> は、テーブル内の {{htmlelement("tbody")}} のコレクションを返します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLCollectionObject</i> = table.tBodies</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js;gutter:false">length(mytable.tBodies);</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>返されるコレクションには、暗黙の {{htmlelement("tbody")}} も含まれます。</p> +<pre class="brush:html"><table> + <tr> + <td>cell one</td> + </tr> +</table> +</pre> +<p>上記の HTML ソースの様に tbody 要素が無い場合でも、DOM は tbody 要素が存在するものと見做し、これを含めてコレクションを返します。</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-63206416">tBodies</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506">Interface HTMLCollection</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/tfoot/index.html b/files/ja/web/api/htmltableelement/tfoot/index.html new file mode 100644 index 0000000000..db9eb98092 --- /dev/null +++ b/files/ja/web/api/htmltableelement/tfoot/index.html @@ -0,0 +1,26 @@ +--- +title: HTMLTableElement.tFoot +slug: Web/API/HTMLTableElement/tFoot +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/tFoot +--- +<div> + {{ ApiRef() }}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><code>tFoot</code> は、対象テーブル内の {{htmlelement("tfoot")}} 要素を返します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>HTMLTableSectionElementObject</i> = table.tFoot</pre> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">if (table.tFoot == my_foot) { + //... +}</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>対象テーブル内に {{htmlelement("tfoot")}} 要素が存在しない場合、このプロパティは <code>void</code> を返します。</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-64197097">tfoot</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-67417573">Interface HTMLTableSectionElement</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/thead/index.html b/files/ja/web/api/htmltableelement/thead/index.html new file mode 100644 index 0000000000..60e24caa9e --- /dev/null +++ b/files/ja/web/api/htmltableelement/thead/index.html @@ -0,0 +1,30 @@ +--- +title: HTMLTableElement.tHead +slug: Web/API/HTMLTableElement/tHead +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/tHead +--- +<div> + {{ ApiRef() }}</div> +<h2 id="Summary" name="Summary">概要</h2> +<p><code>tHead</code> は、対象テーブルの {{HTMLelement('thead')}} 要素を返します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox"><i>th_el</i> = table.tHead</pre> +<h3 id="Parameters" name="Parameters">引数</h3> +<ul> + <li><code>th_el</code> は <a href="/ja/docs/HTMLTableSectionElement">HTMLTableSectionElement</a> インターフェース</li> +</ul> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js">if (table.tHead == my_head_el) { + //... +}</pre> +<h2 id="Notes" name="Notes">注記</h2> +<p>対象テーブル内に {{HTMLelement('thead')}} 要素が存在しない場合、このプロパティは <code>void</code> を返します。</p> +<h2 id="Specification" name="Specification">仕様書</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-9530944">thead</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-67417573">Interface HTMLTableSectionElement</a></li> +</ul> diff --git a/files/ja/web/api/htmltableelement/width/index.html b/files/ja/web/api/htmltableelement/width/index.html new file mode 100644 index 0000000000..4f4221d6c7 --- /dev/null +++ b/files/ja/web/api/htmltableelement/width/index.html @@ -0,0 +1,29 @@ +--- +title: HTMLTableElement.width +slug: Web/API/HTMLTableElement/width +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/width +--- +<div> + {{APIRef}}</div> +<div> + </div> +<div> + <span style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">概要</span></div> +<p><code>width</code> は、テーブル幅として望む値を設定します。</p> +<h2 id="Syntax" name="Syntax">構文</h2> +<pre class="syntaxbox">HTMLTableElement.<i>width</i> =<i>width</i>; //設定 +<var>width</var> = HTMLTableElement.<i>width</i>; //取得</pre> +<p><a class="external" href="http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#adef-width-TABLE"><code>width</code></a> の箇所は、単位無しのピクセル値か相対値(<code>%</code>) の様な文字列です。</p> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:js;gutter:false">mytable.width = "75%";</pre> +<h2 id="Specification" name="Specification">仕様</h2> +<ul> + <li>W3C DOM 2 HTML 仕様書: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-77447361"> + <i> + HTMLTableElement</i> + .width</a></li> +</ul> |