HtmlTable.CellPadding プロパティ
HtmlTable コントロール内のセルの内容とセルの境界線との間隔 (ピクセル単位) を取得または設定します。
名前空間: System.Web.UI.HtmlControls
アセンブリ: System.Web (system.web.dll 内)
構文
'宣言
Public Property CellPadding As Integer
'使用
Dim instance As HtmlTable
Dim value As Integer
value = instance.CellPadding
instance.CellPadding = value
public int CellPadding { get; set; }
public:
property int CellPadding {
int get ();
void set (int value);
}
/** @property */
public int get_CellPadding ()
/** @property */
public void set_CellPadding (int value)
public function get CellPadding () : int
public function set CellPadding (value : int)
適用できません。
プロパティ値
HtmlTable コントロール内のセルの内容とセルの境界線との間隔 (ピクセル単位)。既定値は -1 です。このプロパティが設定されていないことを示します。
解説
CellPadding プロパティを使用して、セルの内容とセルの境界線の間の間隔を制御します。指定した余白の量は、セルの 4 側面のすべてに追加されます。同じ列内のすべてのセルの幅は同じになります。したがって、余白は列内の最も幅の広いセルに適用されます。同様に、同じ行内のすべてのセルの高さは同じになります。余白は行内の最も高いセルに適用されます。それぞれのセルのサイズを指定することはできません。
使用例
CellPadding プロパティを使用して、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)
' 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>
<%@ 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="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 : Object, e : EventArgs)
{
// 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>
プラットフォーム
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
参照
関連項目
HtmlTable クラス
HtmlTable メンバ
System.Web.UI.HtmlControls 名前空間
HtmlTable.Align プロパティ
CellSpacing