HtmlTable.CellSpacing 속성
정의
중요
일부 정보는 릴리스되기 전에 상당 부분 수정될 수 있는 시험판 제품과 관련이 있습니다. Microsoft는 여기에 제공된 정보에 대해 어떠한 명시적이거나 묵시적인 보증도 하지 않습니다.
HtmlTable 컨트롤에 있는 인접한 셀 사이의 공간 크기(픽셀)를 가져오거나 설정합니다.
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 Integer속성 값
HtmlTable 컨트롤에 있는 인접한 셀 사이의 공간 크기(픽셀)입니다. 기본값은 -1로, 이 속성이 설정되어 있지 않음을 나타냅니다.
예제
다음 코드 예제를 사용 하는 방법에 설명 합니다 CellSpacing 속성을 프로그래밍 방식으로 셀의 간격을 제어는 HtmlTable 컨트롤입니다.
<%@ 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>
설명
사용 하 여는 CellSpacing 속성에서 개별 셀 사이의 간격을 제어 하는 HtmlTable 컨트롤입니다. 이 간격이 세로 및 가로로 적용 됩니다.