HtmlTableRow.BgColor プロパティ
HtmlTableRow クラスのインスタンスで表される行の背景色を取得または設定します。
名前空間: System.Web.UI.HtmlControls
アセンブリ: System.Web (system.web.dll 内)
構文
'宣言
Public Property BgColor As String
'使用
Dim instance As HtmlTableRow
Dim value As String
value = instance.BgColor
instance.BgColor = value
public string BgColor { get; set; }
public:
property String^ BgColor {
String^ get ();
void set (String^ value);
}
/** @property */
public String get_BgColor ()
/** @property */
public void set_BgColor (String value)
public function get BgColor () : String
public function set BgColor (value : String)
適用できません。
プロパティ値
HtmlTableRow のインスタンスで表される行の背景色。
解説
BgColor プロパティを使用して、HtmlTableRow クラスのインスタンスで表される行の背景色を指定します。色は、名前で指定するか、16 進値の前にシャープ記号 (#) を付けて #RRGGBB の形式で指定できます。RR、GG、および BB はそれぞれ、色の赤、緑、および青の各要素を示す 0 ～ 255 の範囲の 16 進値を表します。たとえば、#0000FF という値は青を表します。これは、赤と緑の要素に最小値 (00) を指定し、青の要素に最大値 (FF) を指定します。
16 種類の定義済みの HTML カラーの名前と、BgColor プロパティに使用できる対応する 16 進値を次の表に示します。HTML カラーの詳細については、W3C (World Wide Web Consortium) Web サイトを参照してください。
カラー名 |
16 進値 |
|---|---|
Aqua |
#00FFFF |
Black |
#000000 |
Blue |
#0000FF |
Fuchsia |
#FF00FF |
Gray |
#808080 |
Green |
#008000 |
Lime |
#00FF00 |
Maroon |
#800000 |
Navy |
#000080 |
Olive |
#808000 |
Purple |
#800080 |
Red |
#FF0000 |
Silver |
#C0C0C0 |
Teal |
#008080 |
White |
#FFFFFF |
Yellow |
#FFFF00 |
BgColor プロパティで使用できる色は、KnownColor 列挙体から判断できます。
カラー名では大文字と小文字が区別されません。
使用例
BgColor プロパティを使用して、HtmlTable コントロール内の行の背景色を制御する方法を次のコード例に示します。
<%@ Page Language="VB" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim i As Integer
' Iterate through the rows of the table.
For i = 0 To Table1.Rows.Count - 1
' Update the properties of each row.
Table1.Rows(i).BgColor = BgColorSelect.Value
Table1.Rows(i).BorderColor = BorderColorSelect.Value
Table1.Rows(i).Height = HeightSelect.Value
Next i
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableRow Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black"
runat="server">
<tr>
<td>
Cell 1.
</td>
<td>
Cell 2.
</td>
</tr>
<tr>
<td>
Cell 3.
</td>
<td>
Cell 4.
</td>
</tr>
</table>
<hr />
Select the display settings for the rows in the table: <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="selected">White</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="selected">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>
<br /><br />
<input id="Button1" type="button"
value="Generate Table"
onserverclick="Button_Click"
runat="server"/>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
void Button_Click(Object sender, EventArgs e)
{
// Iterate through the rows of the table.
for (int i = 0; i <= Table1.Rows.Count - 1; i++)
{
// Update the properties of each row.
Table1.Rows[i].BgColor = BgColorSelect.Value;
Table1.Rows[i].BorderColor = BorderColorSelect.Value;
Table1.Rows[i].Height = HeightSelect.Value;
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableRow Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black"
runat="server">
<tr>
<td>
Cell 1.
</td>
<td>
Cell 2.
</td>
</tr>
<tr>
<td>
Cell 3.
</td>
<td>
Cell 4.
</td>
</tr>
</table>
<hr />
Select the display settings for the rows in the table: <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="selected">White</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="selected">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>
<br /><br />
<input type="button"
value="Generate Table"
onserverclick="Button_Click"
runat="server"/>
</form>
</body>
</html>
<%@ Page Language="JScript" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
function Button_Click(sender, e : EventArgs)
{
// Iterate through the rows of the table.
for (var i : int=0; i<=Table1.Rows.Count - 1; i++)
{
// Update the properties of each row.
Table1.Rows[i].BgColor = BgColorSelect.Value;
Table1.Rows[i].BorderColor = BorderColorSelect.Value;
Table1.Rows[i].Height = HeightSelect.Value;
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableRow Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black"
runat="server">
<tr>
<td>
Cell 1.
</td>
<td>
Cell 2.
</td>
</tr>
<tr>
<td>
Cell 3.
</td>
<td>
Cell 4.
</td>
</tr>
</table>
<hr />
Select the display settings for the rows in the table: <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="selected">White</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="selected">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>
<br /><br />
<input id="Button1" type="button"
value="Generate Table"
onserverclick="Button_Click"
runat="server"/>
</form>
</body>
</html>
プラットフォーム
Windows 98,Windows Server 2000 SP4,Windows CE,Windows Millennium Edition,Windows Mobile for Pocket PC,Windows Mobile for Smartphone,Windows Server 2003,Windows XP Media Center Edition,Windows XP Professional x64 Edition,Windows XP SP2,Windows XP Starter Edition
Microsoft .NET Framework 3.0 は Windows Vista,Microsoft Windows XP SP2,および Windows Server 2003 SP1 でサポートされています。
バージョン情報
.NET Framework
サポート対象 : 3.0,2.0,1.1,1.0
参照
関連項目
HtmlTableRow クラス
HtmlTableRow メンバ
System.Web.UI.HtmlControls 名前空間
HtmlTableRow.BgColor プロパティ
BorderColor
Height
HtmlTableRow.Align プロパティ
VAlign
KnownColor