HtmlTableRow.BgColor Eigenschap
Definitie
Belangrijk
Bepaalde informatie heeft betrekking op een voorlopige productversie die aanzienlijk kan worden gewijzigd voordat deze wordt uitgebracht. Microsoft biedt geen enkele expliciete of impliciete garanties met betrekking tot de informatie die hier wordt verstrekt.
Hiermee haalt u de achtergrondkleur van de rij op die wordt vertegenwoordigd door een exemplaar van de HtmlTableRow klasse.
public:
property System::String ^ BgColor { System::String ^ get(); void set(System::String ^ value); };public string BgColor { get; set; }member this.BgColor : string with get, setPublic Property BgColor As StringWaarde van eigenschap
De achtergrondkleur van de rij die wordt vertegenwoordigd door een exemplaar van HtmlTableRow.
Voorbeelden
In het volgende codevoorbeeld ziet u hoe u de BgColor eigenschap gebruikt om de achtergrondkleur van een rij in het HtmlTable besturingselement te beheren.
<%@ 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="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>
Opmerkingen
Gebruik de BgColor eigenschap om de achtergrondkleur van de rij op te geven die wordt vertegenwoordigd door een exemplaar van de HtmlTableRow klasse. U kunt een kleur opgeven op naam of met behulp van een hexadecimale waarde, voorafgegaan door het hexadecimale teken (#), in het formulier #RRGGBB. RR, GG en BB vertegenwoordigen hexadecimale waarden van respectievelijk 0 tot 255 die de rode, groene en blauwe componenten van een kleur aangeven. De waarde #0000FF vertegenwoordigt bijvoorbeeld de kleur blauw. Hiermee geeft u de minimumwaarde (00) op voor de rode en groene onderdelen, terwijl de maximumwaarde (FF) voor het blauwe onderdeel wordt opgegeven.
In de volgende tabel ziet u de zestien vooraf gedefinieerde HTML-kleurnamen en bijbehorende hexadecimale waarden die voor de BgColor eigenschap kunnen worden gebruikt. Zie de W3C-website (World Wide Web Consortium) voor meer informatie over HTML-kleuren.
| Kleurnaam | Hexadecimale waarde |
|---|---|
| Aqua | #00FFFF |
| Zwart | #000000 |
| Blauw | #0000FF |
| Fuchsia | #FF00FF |
| Grijs | #808080 |
| Groen | #008000 |
| Kalk | #00FF00 |
| Kastanjebruin | #800000 |
| Marine | #000080 |
| Olive | #808000 |
| Purple | #800080 |
| Rood | #FF0000 |
| Zilver | #C0C0C0 |
| Blauwgroen | #008080 |
| Wit | #FFFFFF |
| Geel | #FFFF00 |
De beschikbare kleuren voor gebruik met de BgColor eigenschap kunnen worden bepaald op basis van de KnownColor opsomming.
Kleurnamen zijn hoofdlettergevoelig.