Condividi tramite


HtmlImage.Height Proprietà

Definizione

Ottiene o imposta l'altezza dell'immagine.

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

Valore della proprietà

Int32

Altezza dell'immagine.

Esempio

Nell'esempio di codice seguente viene illustrato come usare la Height proprietà per modificare a livello di codice l'altezza dell'immagine visualizzata.

<%@ 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>

Commenti

Le Height proprietà e Width possono essere usate due modi. È possibile usare le Height proprietà e Width per inviare le specifiche delle dimensioni dell'immagine al browser. Viene visualizzata la pagina Web più velocemente perché il browser non deve ricalcolare le posizioni degli elementi nella pagina quando l'immagine viene caricata.

È anche possibile usare le Height proprietà e Width per ridimensionare l'immagine. Quando si usano valori diversi dalle dimensioni fisiche dell'immagine, l'immagine viene ridimensionata di conseguenza. Tuttavia, questo metodo per ridimensionare l'immagine non è consigliato perché richiede più tempo per la visualizzazione della pagina. Ridimensionare fisicamente l'immagine in base alle dimensioni necessarie.

Per impostazione predefinita, la Height proprietà è espressa in pixel, ma può essere espressa anche come percentuale delle dimensioni della finestra.

Si applica a

Vedi anche