HtmlTable.CellSpacing 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 hoeveelheid ruimte (in pixels) tussen aangrenzende cellen in het besturingselement op of stelt u deze HtmlTable in.
public:
property int CellSpacing { int get(); void set(int value); };public int CellSpacing { get; set; }member this.CellSpacing : int with get, setPublic Property CellSpacing As IntegerWaarde van eigenschap
De hoeveelheid ruimte (in pixels) tussen aangrenzende cellen in het HtmlTable besturingselement. De standaardwaarde is -1, wat aangeeft dat deze eigenschap niet is ingesteld.
Voorbeelden
In het volgende codevoorbeeld ziet u hoe u de CellSpacing eigenschap gebruikt om de afstand van cellen in het HtmlTable besturingselement programmatisch 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)
{
// Set the HtmlTable properties according to the
// user selections.
Table1.CellSpacing = Convert.ToInt32(SpacingSelect.Value);
Table1.CellPadding = Convert.ToInt32(PaddingSelect.Value);
Table1.Align = AlignSelect.Value;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTable Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTable Example</h3>
<table id="Table1"
style="border-width:1; border-color: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>
<br /><br /><br /><br /><br /><br /><br /><br />
<hr />
Select the display settings: <br /><br />
Align:
<select id="AlignSelect"
runat="server">
<option value="Left">Left</option>
<option value="Center">Center</option>
<option value="Right">Right</option>
</select>
CellPadding:
<select id="PaddingSelect"
runat="server">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
CellSpacing:
<select id="SpacingSelect"
runat="server">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</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)
' Set the HtmlTable properties according to the
' user selections.
Table1.CellSpacing = CInt(SpacingSelect.Value)
Table1.CellPadding = CInt(PaddingSelect.Value)
Table1.Align = AlignSelect.Value
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTable Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlTable Example</h3>
<table id="Table1"
style="border-width:1; border-color: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>
<br /><br /><br /><br /><br /><br /><br /><br />
<hr />
Select the display settings: <br /><br />
Align:
<select id="AlignSelect"
runat="server">
<option value="Left">Left</option>
<option value="Center">Center</option>
<option value="Right">Right</option>
</select>
CellPadding:
<select id="PaddingSelect"
runat="server">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
CellSpacing:
<select id="SpacingSelect"
runat="server">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<br /><br />
<input type="button"
value="Generate Table"
onserverclick="Button_Click"
runat="server"/>
</form>
</body>
</html>
Opmerkingen
Gebruik de CellSpacing eigenschap om de afstand tussen afzonderlijke cellen in het HtmlTable besturingselement te bepalen. Deze afstand wordt zowel verticaal als horizontaal toegepast.