HtmlTableRow.BorderColor プロパティ
HtmlTableRow クラスのインスタンスで表される行の境界線の色を取得または設定します。
Public Property BorderColor As String
[C#]
public string BorderColor {get; set;}
[C++]
public: __property String* get_BorderColor();public: __property void set_BorderColor(String*);
[JScript]
public function get BorderColor() : String;public function set BorderColor(String);
プロパティ値
HtmlTableRow クラスのインスタンスで表される行の境界線の色。
解説
BorderColor プロパティを使用して、 HtmlTableRow クラスのインスタンスで表される行の境界線の色を指定します。
使用できる定義済みの 16 個の HTML カラー名を次の一覧に示します。
- 黒
- 青
- 水色
- 灰色
- 緑
- ライム
- マゼンタ
- 茶
- 濃い青
- オリーブ
- 紫
- 赤
- シルバー
- 青緑
- 白
- 黄
ポンド文字 (#) を前に付けた 16 進数を使用すると、 #RRGGBB の形式でカスタム カラーを指定することもできます。 RR 、 GG 、および BB は、それぞれ色の赤、緑、青の各要素を示す 0 ～ 255 の範囲の 16 進数の値を表します。たとえば、値 #0000FF は青を表します。赤の要素と緑の要素に最小値 (00) を指定し、青の要素には最大値 (FF) を指定します。
使用例
[Visual Basic, C#, JScript] BorderColor プロパティを使用して、 HtmlTable コントロール内の行の境界線の色を制御する方法の例を次に示します。
<%@ Page Language="VB" AutoEventWireup="True" %>
<html>
<head>
<script runat="server">
Sub Button_Click(sender As Object, 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>
</head>
<body>
<form runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
Border="1"
BorderColor="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="True">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="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>
<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)
{
// 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>
</head>
<body>
<form runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
Border="1"
BorderColor="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="True">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="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>
<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, 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>
</head>
<body>
<form runat="server">
<h3>HtmlTableRow Example</h3>
<table id="Table1"
Border="1"
BorderColor="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="True">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="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>
<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 ファミリ
参照
HtmlTableRow クラス | HtmlTableRow メンバ | System.Web.UI.HtmlControls 名前空間 | BgColor | BorderColor | Height | Align | VAlign