Condividi tramite


HtmlImage.Width Proprietà

Definizione

Ottiene o imposta la larghezza dell'immagine.

public:
 property int Width { int get(); void set(int value); };
public int Width { get; set; }
member this.Width : int with get, set
Public Property Width As Integer

Valore della proprietà

Larghezza dell'immagine.

Esempio

Nell'esempio di codice seguente viene illustrato come usare la Width proprietà per modificare a livello di codice la larghezza 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 Width proprietà è espressa in pixel, ma può anche essere espressa come percentuale delle dimensioni della finestra.

Si applica a

Vedi anche