HtmlImage.Height Özellik
Tanım
Önemli
Bazı bilgiler ürünün ön sürümüyle ilgilidir ve sürüm öncesinde önemli değişiklikler yapılmış olabilir. Burada verilen bilgilerle ilgili olarak Microsoft açık veya zımni hiçbir garanti vermez.
Görüntünün yüksekliğini alır veya ayarlar.
public:
property int Height { int get(); void set(int value); };
public int Height { get; set; }
member this.Height : int with get, set
Public Property Height As Integer
Özellik Değeri
Görüntünün yüksekliği.
Örnekler
Aşağıdaki kod örneği, görüntülenen görüntünün yüksekliğini program aracılığıyla değiştirmek için özelliğinin nasıl kullanılacağını Height gösterir.
<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlImage Example</title>
<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 id="form1" runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
src="Image1.jpg"
alt="Image 1"
runat="server"
style="width:500; height:226; border:5; text-align:center" />
<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>
<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlImage Example</title>
<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 id="form1" runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
src="Image1.jpg"
alt="Image 1"
runat="server"
style="width:500; height:226; border:5; text-align:center" />
<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>
Açıklamalar
Height ve Width özellikleri iki şekilde kullanılabilir. Görüntü boyutu belirtimlerini tarayıcıya göndermek için ve Width özelliklerini kullanabilirsinizHeight. Görüntü yüklendiğinde tarayıcının sayfadaki öğelerin konumlarını yeniden hesaplaması gerekmediğinden bu, Web sayfasını daha hızlı görüntüler.
Görüntüyü ölçeklendirmek Height için ve Width özelliklerini de kullanabilirsiniz. Görüntünün fiziksel boyutundan farklı değerler kullanıldığında, resim buna göre yeniden boyutlandırılır. Ancak, sayfanın görüntülemesi daha uzun sürdüğünden, görüntüyü ölçeklendirmek için bu yöntem önerilmez. Bunun yerine, görüntüyü fiziksel olarak ihtiyacınız olan boyuta yeniden boyutlandırın.
Varsayılan olarak, Height özellik piksel cinsinden ifade edilir, ancak pencerenin boyutunun yüzdesi olarak da ifade edilebilir.