HtmlImage.Width プロパティ
イメージの幅を取得または設定します。
Public Property Width As Integer
[C#]
public int Width {get; set;}
[C++]
public: __property int get_Width();public: __property void set_Width(int);
[JScript]
public function get Width() : int;public function set Width(int);
プロパティ値
イメージの幅。
解説
Height プロパティおよび Width プロパティには 2 つの使い方があります。 Height プロパティおよび Width プロパティは、ブラウザにイメージのサイズ指定を送信するために使用できます。この方法では、イメージを読み込むときにブラウザが Web ページでの要素の位置を再計算する必要がないため、ページ表示が速くなります。
Height プロパティおよび Width プロパティを使用して、イメージを拡大/縮小することもできます。イメージの物理的サイズとは異なった値を使用すると、指定に基づいてイメージのサイズが変更されます。ただし、この方法でイメージを拡大/縮小するとページ表示に時間がかかるため、この方法はお勧めできません。イメージのサイズを物理的に変更して、目的に合ったサイズにすることをお勧めします。
既定では Width プロパティはピクセル単位ですが、ウィンドウ サイズの割合で指定することもできます。
使用例
[Visual Basic, C#, JScript] Width プロパティを使用して、表示されるイメージの幅をプログラムによって変更する方法を次の例に示します。
<%@ Page Language="VB" AutoEventWireup="True" %>
<html>
<head>
<script language="VB" runat="server">
Sub Button_Click1(sender As Object, e As EventArgs)
Image1.Height = 500
Image1.Width = 1000
End Sub 'Button_Click1
Sub Button_Click2(sender As Object, e As EventArgs)
Image1.Height = 226
Image1.Width = 500
End Sub 'Button_Click2
</script>
</head>
<body>
<form runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
Src="image1.jpg"
Width="500"
Height="226"
Alt="Image 1"
Border="5"
Align="center"
runat=server/>
<br><br>
<button id="Button1"
OnServerClick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
OnServerClick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
[C#]
<%@ Page Language="C#" AutoEventWireup="True" %>
<html>
<head>
<script language="C#" runat="server">
void Button_Click1(object sender, EventArgs e)
{
Image1.Height=500;
Image1.Width=1000;
}
void Button_Click2(object sender, EventArgs e)
{
Image1.Height=226;
Image1.Width=500;
}
</script>
</head>
<body>
<form runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
Src="image1.jpg"
Width="500"
Height="226"
Alt="Image 1"
Border="5"
Align="center"
runat=server/>
<br><br>
<button id="Button1"
OnServerClick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
OnServerClick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
[JScript]
<%@ Page Language="JScript" AutoEventWireup="True" %>
<html>
<head>
<script language="JSCRIPT" runat="server">
function Button_Click1(sender : Object, e : EventArgs){
Image1.Height = 500
Image1.Width = 1000
}
function Button_Click2(sender : Object, e : EventArgs){
Image1.Height = 226
Image1.Width = 500
}
</script>
</head>
<body>
<form runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
Src="image1.jpg"
Width="500"
Height="226"
Alt="Image 1"
Border="5"
Align="center"
runat=server/>
<br><br>
<button id="Button1"
OnServerClick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
OnServerClick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
[C++] C++ のサンプルはありません。Visual Basic、C#、および JScript のサンプルを表示するには、このページの左上隅にある言語のフィルタ ボタン .gif)
をクリックします。
必要条件
プラットフォーム: Windows 98, Windows NT 4.0, Windows Millennium Edition, Windows 2000, Windows XP Home Edition, Windows XP Professional, Windows Server 2003 ファミリ
参照
HtmlImage クラス | HtmlImage メンバ | System.Web.UI.HtmlControls 名前空間 | Height