HtmlTableCell.VAlign プロパティ

  • [アーティクル]

HtmlTableCell クラスのインスタンスで表されるセルの内容の垂直方向の配置を取得または設定します。

Public Property VAlign As String
[C#]
public string VAlign {get; set;}
[C++]
public: __property String* get_VAlign();public: __property void set_VAlign(String*);
[JScript]
public function get VAlign() : String;public function set VAlign(String);

プロパティ値

HtmlTableCell クラスのインスタンスで表されるセルの内容の垂直方向の配置。既定値は String.Empty で、このプロパティが設定されていないことを示します。

解説

VAlign プロパティを使用して、 HtmlTableCell クラスのインスタンスで表されるセルの内容の垂直方向の配置を指定します。

メモ   このプロパティを設定すると、 HtmlTableCell クラスのインスタンスが表すセルにだけ影響します。テーブル内のすべての行のセルに同じ垂直方向の配置を適用するには、 HtmlTableRow クラスのインスタンスが表す行の VAlign プロパティを設定します。

このプロパティに指定できる値を次の表に示します。

値 説明
Top セルの内容がセルの上端に揃えて配置されます。
Middle セルの内容がセルの中央に揃えて配置されます。
Bottom セルの内容がセルの下端に揃えて配置されます。

メモ   このプロパティの値として BaseLine も使用できます。ただし、一部のブラウザはこの機能をサポートしていません。

使用例

[Visual Basic, C#] VAlign プロパティを使用して、 HtmlTable コントロールのセルの内容の垂直方向の配置をプログラムで制御する方法の例を次に示します。

 
<%@ Page Language="VB" AutoEventWireup="True" %>

<html>
<head>

   <script runat="server">

      Sub Button_Click(sender As Object, e As EventArgs) 

         Dim i As Integer
         Dim j As Integer

         ' Iterate through the rows of the table.
         For i = 0 to Table1.Rows.Count - 1

            ' Iterate through the cells of a row.
            For j = 0 To Table1.Rows(i).Cells.Count - 1
           
               ' Update the properties of each cell. 
               Table1.Rows(i).Cells(j).Align = AlignSelect.Value 
               Table1.Rows(i).Cells(j).NoWrap = Convert.ToBoolean(NoWrapSelect.Value)
               Table1.Rows(i).Cells(j).VAlign = VAlignSelect.Value

            Next j

         Next i

      End Sub

   </script>

</head>
<body>

   <form runat="server">

      <h3>HtmlTableCell Example</h3>

      <table id="Table1" 
             Border="1" 
             BorderColor="black" 
             runat="server">

         <tr>
            <td>
               Here's some content for Cell 1.
            </td>
            <td>
               Here's some content for Cell 2.
            </td>
         </tr>
         <tr>
            <td Width="100" Height="100">
               Here's some content for Cell 3.
            </td>
            <td Width="100" Height="100">
               Here's some content for Cell 4.
            </td>
         </tr>

      </table>


      <hr>

      Select the display settings for the cells in the table: <br><br>

      Align:
      <select id="AlignSelect" 
              runat="server">

         <option Value="Left" Selected="True">Left</option>
         <option Value="Center">Center</option>
         <option Value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

      NoWrap:
      <select id="NoWrapSelect" 
              runat="server">

         <option Value="true">True</option>
         <option Value="false" Selected="True">False</option>

      </select>

      &nbsp;&nbsp;

      VAlign:
      <select id="VAlignSelect" 
              runat="server">

         <option Value="Top">Top</option>
         <option Value="Middle" Selected="True">Middle</option>
         <option Value="Bottom">Bottom</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++)
         {

            // Iterate through the cells of a row.
            for (int j=0; j<=Table1.Rows[i].Cells.Count - 1; j++)
            {
               // Update the properties of each cell. 
               Table1.Rows[i].Cells[j].Align = AlignSelect.Value; 
               Table1.Rows[i].Cells[j].NoWrap = Convert.ToBoolean(NoWrapSelect.Value);
               Table1.Rows[i].Cells[j].VAlign = VAlignSelect.Value; 
            }

         }

      }

   </script>

</head>
<body>

   <form runat="server">

      <h3>HtmlTableCell Example</h3>

      <table id="Table1" 
             Border="1" 
             BorderColor="black" 
             runat="server">

         <tr>
            <td>
               Here's some content for Cell 1.
            </td>
            <td>
               Here's some content for Cell 2.
            </td>
         </tr>
         <tr>
            <td Width="100" Height="100">
               Here's some content for Cell 3.
            </td>
            <td Width="100" Height="100">
               Here's some content for Cell 4.
            </td>
         </tr>

      </table>


      <hr>

      Select the display settings for the cells in the table: <br><br>

      Align:
      <select id="AlignSelect" 
              runat="server">

         <option Value="Left" Selected="True">Left</option>
         <option Value="Center">Center</option>
         <option Value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

      NoWrap:
      <select id="NoWrapSelect" 
              runat="server">

         <option Value="true">True</option>
         <option Value="false" Selected="True">False</option>

      </select>

      &nbsp;&nbsp;

      VAlign:
      <select id="VAlignSelect" 
              runat="server">

         <option Value="Top">Top</option>
         <option Value="Middle" Selected="True">Middle</option>
         <option Value="Bottom">Bottom</option>

      </select>
       
      <br><br>
  
      <input type="button" 
             value="Generate Table"
             OnServerClick = "Button_Click" 
             runat="server"/>

   </form>

</body>
</html>

[C++, JScript] C++ および JScript のサンプルはありません。Visual Basic および C# のサンプルを表示するには、このページの左上隅にある言語のフィルタ ボタン 言語のフィルタ をクリックします。

必要条件

プラットフォーム: Windows 98, Windows NT 4.0, Windows Millennium Edition, Windows 2000, Windows XP Home Edition, Windows XP Professional, Windows Server 2003 ファミリ

参照

HtmlTableCell クラス | HtmlTableCell メンバ | System.Web.UI.HtmlControls 名前空間 | Align | ColSpan | NoWrap | RowSpan