HtmlTable.Width プロパティ
HtmlTable コントロールの幅を取得または設定します。
Public Property Width As String
[C#]
public string Width {get; set;}
[C++]
public: __property String* get_Width();public: __property void set_Width(String*);
[JScript]
public function get Width() : String;public function set Width(String);
プロパティ値
HtmlTable コントロールの幅。
解説
Width プロパティを使用して、 HtmlTable コントロールの幅を制御します。幅は通常、ピクセル単位で指定します。ただし、値の末尾にパーセント記号 (%) を追加すると、ブラウザの幅の割合も指定できます。たとえば、値 100% はブラウザの最大の幅をテーブルの幅として示します。ユーザーがブラウザのサイズを変えると、テーブルも自動的に拡大縮小します。
メモ 指定した値が HtmlTable コントロールの内容を表示するのに必要な値よりも小さい場合、このプロパティは無視されます。
使用例
[Visual Basic, C#, JScript] Width プロパティを使用して、 HtmlTable コントロールの幅をプログラムで制御する方法の例を次に示します。
<%@ Page Language="VB" AutoEventWireup="True" %>
<html>
<head>
<script runat="server">
Sub Button_Click(sender As Object, e As EventArgs )
Table1.BgColor = BgColorSelect.Value
Table1.Border = CInt(BorderSelect.Value)
Table1.BorderColor = BorderColorSelect.Value
Table1.Height = HeightSelect.Value
Table1.Width = WidthSelect.Value
End Sub
</script>
</head>
<body>
<form runat="server">
<h3>HtmlTable Example</h3>
<table id="Table1"
Border="1"
BorderColor="black"
runat="server">
<tr>
<th>
Column 1
</th>
<th>
Column 2
</th>
<th>
Column 3
</th>
</tr>
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
<td>
Cell 3
</td>
</tr>
<tr>
<td>
Cell 4
</td>
<td>
Cell 5
</td>
<td>
Cell 6
</td>
</tr>
</table>
<hr>
Select the display settings: <br><br>
BgColor:
<select id="BgColorSelect"
runat="server">
<option Value="Red">Red</option>
<option Value="Blue">Blue</option>
<option Value="Green">Green</option>
<option Value="Black">Black</option>
<option Value="White" Selected="True">White</option>
</select>
Border:
<select id="BorderSelect"
runat="server">
<option Value="0">0</option>
<option Value="1" Selected="True">1</option>
<option Value="2">2</option>
<option Value="3">3</option>
<option Value="4">4</option>
<option Value="5">5</option>
</select>
BorderColor:
<select id="BorderColorSelect"
runat="server">
<option Value="Red">Red</option>
<option Value="Blue">Blue</option>
<option Value="Green">Green</option>
<option Value="Black" Selected="True">Black</option>
<option Value="White">White</option>
</select>
<br><br>
Height:
<select id="HeightSelect"
runat="server">
<option Value="0">0</option>
<option Value="100">100</option>
<option Value="150">150</option>
<option Value="200">200</option>
<option Value="250">250</option>
</select>
Width:
<select id="WidthSelect"
runat="server">
<option Value="0">0</option>
<option Value="200">200</option>
<option Value="250">250</option>
<option Value="300">300</option>
<option Value="350">350</option>
</select>
<br><br>
<input type="button"
value="Generate Table"
OnServerClick = "Button_Click"
runat="server"/>
</form>
</body>
</html>
[C#]
<%@ Page Language="C#" AutoEventWireup="True" %>
<html>
<head>
<script runat="server">
void Button_Click(Object sender, EventArgs e)
{
Table1.BgColor = BgColorSelect.Value;
Table1.Border = Convert.ToInt32(BorderSelect.Value);
Table1.BorderColor = BorderColorSelect.Value;
Table1.Height = HeightSelect.Value;
Table1.Width = WidthSelect.Value;
}
</script>
</head>
<body>
<form runat="server">
<h3>HtmlTable Example</h3>
<table id="Table1"
Border="1"
BorderColor="black"
runat="server">
<tr>
<th>
Column 1
</th>
<th>
Column 2
</th>
<th>
Column 3
</th>
</tr>
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
<td>
Cell 3
</td>
</tr>
<tr>
<td>
Cell 4
</td>
<td>
Cell 5
</td>
<td>
Cell 6
</td>
</tr>
</table>
<hr>
Select the display settings: <br><br>
BgColor:
<select id="BgColorSelect"
runat="server">
<option Value="Red">Red</option>
<option Value="Blue">Blue</option>
<option Value="Green">Green</option>
<option Value="Black">Black</option>
<option Value="White" Selected="True">White</option>
</select>
Border:
<select id="BorderSelect"
runat="server">
<option Value="0">0</option>
<option Value="1" Selected="True">1</option>
<option Value="2">2</option>
<option Value="3">3</option>
<option Value="4">4</option>
<option Value="5">5</option>
</select>
BorderColor:
<select id="BorderColorSelect"
runat="server">
<option Value="Red">Red</option>
<option Value="Blue">Blue</option>
<option Value="Green">Green</option>
<option Value="Black" Selected="True">Black</option>
<option Value="White">White</option>
</select>
<br><br>
Height:
<select id="HeightSelect"
runat="server">
<option Value="0">0</option>
<option Value="100">100</option>
<option Value="150">150</option>
<option Value="200">200</option>
<option Value="250">250</option>
</select>
Width:
<select id="WidthSelect"
runat="server">
<option Value="0">0</option>
<option Value="200">200</option>
<option Value="250">250</option>
<option Value="300">300</option>
<option Value="350">350</option>
</select>
<br><br>
<input type="button"
value="Generate Table"
OnServerClick = "Button_Click"
runat="server"/>
</form>
</body>
</html>
[JScript]
<%@ Page Language="JScript" AutoEventWireup="True" %>
<html>
<head>
<script runat="server">
function Button_Click(sender : Object, e : EventArgs)
{
Table1.BgColor = BgColorSelect.Value;
Table1.Border = Convert.ToInt32(BorderSelect.Value);
Table1.BorderColor = BorderColorSelect.Value;
Table1.Height = HeightSelect.Value;
Table1.Width = WidthSelect.Value;
}
</script>
</head>
<body>
<form runat="server">
<h3>HtmlTable Example</h3>
<table id="Table1"
Border="1"
BorderColor="black"
runat="server">
<tr>
<th>
Column 1
</th>
<th>
Column 2
</th>
<th>
Column 3
</th>
</tr>
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
<td>
Cell 3
</td>
</tr>
<tr>
<td>
Cell 4
</td>
<td>
Cell 5
</td>
<td>
Cell 6
</td>
</tr>
</table>
<hr>
Select the display settings: <br><br>
BgColor:
<select id="BgColorSelect"
runat="server">
<option Value="Red">Red</option>
<option Value="Blue">Blue</option>
<option Value="Green">Green</option>
<option Value="Black">Black</option>
<option Value="White" Selected="True">White</option>
</select>
Border:
<select id="BorderSelect"
runat="server">
<option Value="0">0</option>
<option Value="1" Selected="True">1</option>
<option Value="2">2</option>
<option Value="3">3</option>
<option Value="4">4</option>
<option Value="5">5</option>
</select>
BorderColor:
<select id="BorderColorSelect"
runat="server">
<option Value="Red">Red</option>
<option Value="Blue">Blue</option>
<option Value="Green">Green</option>
<option Value="Black" Selected="True">Black</option>
<option Value="White">White</option>
</select>
<br><br>
Height:
<select id="HeightSelect"
runat="server">
<option Value="0">0</option>
<option Value="100">100</option>
<option Value="150">150</option>
<option Value="200">200</option>
<option Value="250">250</option>
</select>
Width:
<select id="WidthSelect"
runat="server">
<option Value="0">0</option>
<option Value="200">200</option>
<option Value="250">250</option>
<option Value="300">300</option>
<option Value="350">350</option>
</select>
<br><br>
<input type="button"
value="Generate Table"
OnServerClick = "Button_Click"
runat="server"/>
</form>
</body>
</html>
[C++] C++ のサンプルはありません。Visual Basic、C#、および JScript のサンプルを表示するには、このページの左上隅にある言語のフィルタ ボタン .gif)
をクリックします。
必要条件
プラットフォーム: Windows 98, Windows NT 4.0, Windows Millennium Edition, Windows 2000, Windows XP Home Edition, Windows XP Professional, Windows Server 2003 ファミリ
参照
HtmlTable クラス | HtmlTable メンバ | System.Web.UI.HtmlControls 名前空間 | BgColor | Border | BorderColor | Height