Aracılığıyla paylaş


HtmlImage.Height Özellik

Tanım

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

Int32

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.

Şunlara uygulanır

Ayrıca bkz.