Partager via


HtmlImage.Height Propriété

Définition

Obtient ou définit la hauteur de l'image.

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

Valeur de propriété

Int32

Hauteur de l’image.

Exemples

L’exemple de code suivant montre comment utiliser la Height propriété pour modifier par programmation la hauteur de l’image affichée.

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

Remarques

Les propriétés et Width les Height propriétés peuvent être utilisées de deux façons. Vous pouvez utiliser les propriétés et Width les Height propriétés pour envoyer des spécifications de taille d’image au navigateur. Cela affiche la page Web plus rapidement, car le navigateur n’a pas besoin de recalculer les positions des éléments sur la page lorsque l’image se charge.

Vous pouvez également utiliser les propriétés et Width les Height propriétés pour mettre à l’échelle l’image. Lorsque vous utilisez des valeurs différentes de la taille physique de l’image, l’image est redimensionnée en conséquence. Toutefois, cette méthode de mise à l’échelle de l’image n’est pas recommandée, car elle prend plus de temps pour que la page l’affiche. Au lieu de cela, redimensionnez physiquement l’image en fonction de la taille dont vous avez besoin.

Par défaut, la Height propriété est exprimée en pixels, mais elle peut également être exprimée en pourcentage de la taille de la fenêtre.

S’applique à

Voir aussi