HtmlImage.Height Eigenschaft

Definition

Ruft die Höhe des Bildes ab oder legt diese fest.

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

Eigenschaftswert

Int32

Die Höhe des Bilds.

Beispiele

Im folgenden Codebeispiel wird veranschaulicht, wie Die Height Eigenschaft zum programmgesteuerten Ändern der Höhe des angezeigten Bilds verwendet wird.

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

Hinweise

Die Height Eigenschaften Width können auf zwei Arten verwendet werden. Sie können die Height Width Und-Eigenschaften verwenden, um Bildgrößenspezifikationen an den Browser zu senden. Dadurch wird die Webseite schneller angezeigt, da der Browser die Positionen von Elementen auf der Seite nicht neu berechnen muss, wenn das Bild geladen wird.

Sie können auch die Height Eigenschaften verwenden, Width um das Bild zu skalieren. Bei Verwendung von Werten, die sich von der physischen Größe des Bilds unterscheiden, wird die Größe des Bilds entsprechend angepasst. Diese Methode zum Skalieren des Bilds wird jedoch nicht empfohlen, da die Seite länger dauert, um es anzuzeigen. Ändern Sie stattdessen die Größe des Bilds auf die gewünschte Größe.

Standardmäßig wird die Height Eigenschaft in Pixeln ausgedrückt, kann aber auch als Prozentsatz der Größe des Fensters ausgedrückt werden.

Gilt für

Siehe auch