HtmlTableRow.VAlign プロパティとは何？わかりやすく解説 Weblio辞書

すべての辞書から再検索する

.NET Framework クラスライブラリリファレンス

索引トップ用語の索引ランキング

HtmlTableRow.VAlign プロパティ

HtmlTable コントロールの行のセルの内容の垂直方向の配置を取得または設定します。

名前空間: System.Web.UI.HtmlControls
アセンブリ: System.Web (system.web.dll 内)
構文

Visual Basic (宣言)

Public Property VAlign As
 String

Visual Basic (使用法)

Dim instance As HtmlTableRow
Dim value As String

value = instance.VAlign

instance.VAlign = value

public string VAlign { get;
 set; }

C++

public:
property String^ VAlign {
    String^ get ();
    void set (String^ value);
}

/** @property */
public String get_VAlign ()

/** @property */
public void set_VAlign (String value)

JScript

public function get VAlign
 () : String

public function set VAlign
 (value : String)

プロパティ値
HtmlTable コントロールの行のセルの内容の垂直方向の配置。既定値は String.Empty で、このプロパティが設定されていないことを示します。

解説

VAlign プロパティを使用して、HtmlTable コントロールの行のセルの内容の垂直方向の配置を指定します。

メモ
このプロパティを設定すると、HtmlTableRow クラスのインスタンスで表されるテーブルの行のすべてのセルに影響します。行の単一のセルに配置属性を適用するには、そのセルの VAlign プロパティを設定します。

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

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

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

使用例

VAlign プロパティを使用して、行全体のセルの内容の垂直方向の配置を制御する方法を次のコード例に示します。

Visual Basic

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

<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).Align = AlignSelect.Value
      Table1.Rows(i).VAlign = VAlignSelect.Value

    Next i

  End Sub

</script>

<html>
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             border="1" 
             bordercolor="black" 
             runat="server">

         <tr>
            <td>
               Here is some content for Cell
 1.
            </td>
            <td>
               Here is some content for Cell
 2.
            </td>
         </tr>
         <tr>
            <td width="100" height="100">
               Here is some content for Cell
 3.
            </td>
            <td width="100" height="100">
               Here is 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>Left</option>
         <option value="Center">Center</option>
         <option value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

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

         <option value="Top">Top</option>
         <option value="Middle" selected>Middle</option>
         <option value="Bottom">Bottom</option>

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

   </form>

</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>

<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].Align = AlignSelect.Value;
      Table1.Rows[i].VAlign = VAlignSelect.Value;

    }

  }

</script>

<html>
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             border="1" 
             bordercolor="black" 
             runat="server">

         <tr>
            <td>
               Here is some content for Cell 1.
            </td>
            <td>
               Here is some content for Cell 2.
            </td>
         </tr>
         <tr>
            <td width="100" height="100">
               Here is some content for Cell 3.
            </td>
            <td width="100" height="100">
               Here is 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>Left</option>
         <option value="Center">Center</option>
         <option value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

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

         <option value="Top">Top</option>
         <option value="Middle" selected>Middle</option>
         <option value="Bottom">Bottom</option>

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

   </form>

</body>
</html>

JScript

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

<script runat="server">

  function Button_Click(sender, e : EventArgs) 
  {

    // Iterate through the rows of the table.
    for (var i : int =0;
 i<=Table1.Rows.Count - 1; i++)
    {
       
      // Update the properties of each row. 
      Table1.Rows[i].Align = AlignSelect.Value; 
      Table1.Rows[i].VAlign = VAlignSelect.Value; 

    }

  }

</script>

<html>
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             border="1" 
             bordercolor="black" 
             runat="server">

         <tr>
            <td>
               Here is some content for Cell 1.
            </td>
            <td>
               Here is some content for Cell 2.
            </td>
         </tr>
         <tr>
            <td width="100" height="100">
               Here is some content for Cell 3.
            </td>
            <td width="100" height="100">
               Here is 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>Left</option>
         <option value="Center">Center</option>
         <option value="Right">Right</option>
        
      </select>

      &nbsp;&nbsp;

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

         <option value="Top">Top</option>
         <option value="Middle" selected>Middle</option>
         <option value="Bottom">Bottom</option>

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

   </form>

</body>
</html>

プラットフォーム

Windows 98, Windows 2000 SP4, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition

開発プラットフォームの中には、.NET Framework によってサポートされていないバージョンがあります。サポートされているバージョンについては、「システム要件」を参照してください。

バージョン情報

.NET Framework
サポート対象 : 2.0、1.1、1.0

参照

関連項目
HtmlTableRow クラス
HtmlTableRow メンバ
System.Web.UI.HtmlControls 名前空間
HtmlTableRow.BgColor プロパティ
HtmlTableRow.BorderColor プロパティ
HtmlTableRow.Height プロパティ
HtmlTableRow.Align プロパティ
HtmlTableRow.VAlign プロパティ
その他の技術情報
HTML サーバーコントロール

このページでは「.NET Framework クラスライブラリリファレンス」からHtmlTableRow.VAlign プロパティを検索した結果を表示しています。
Weblioに収録されているすべての辞書からHtmlTableRow.VAlign プロパティを検索する場合は、下記のリンクをクリックしてください。

全ての辞書からHtmlTableRow.VAlign プロパティを検索

>> 「HtmlTableRow.VAlign プロパティ」を含む用語の索引
HtmlTableRow.VAlign プロパティのページへのリンク

HtmlTableRow.VAlign プロパティとは？わかりやすく解説

HtmlTableRow.VAlign プロパティ

「HtmlTableRow.VAlign プロパティ」の関連用語


	© 2025 Microsoft.All rights reserved.

HtmlTableRow.VAlign プロパティとは？ わかりやすく解説

HtmlTableRow.VAlign プロパティ

急上昇のことば

「HtmlTableRow.VAlign プロパティ」の関連用語

HtmlTableRow.VAlign プロパティとは？わかりやすく解説