Freigeben über

HtmlImage.Width Eigenschaft

Definition

Namespace:
System.Web.UI.HtmlControls
Assembly:
System.Web.dll

Ruft die Breite des Bilds ab oder legt sie fest.

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

Eigenschaftswert

Int32

Die Breite des Bilds.

Beispiele

Im folgenden Codebeispiel wird veranschaulicht, wie die Width Eigenschaft zum programmgesteuerten Ändern der Breite 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 und Width Eigenschaften können auf zwei Arten verwendet werden. Sie können die Bildgrößenspezifikationen mit den Height Eigenschaften an Width den Browser 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 das Bild auch mit den HeightWidth Eigenschaften skalieren. Bei Verwendung von Werten, die sich von der physischen Größe des Bilds unterscheiden, wird die Größe des Bilds entsprechend geändert. Diese Methode zum Skalieren des Bilds wird jedoch nicht empfohlen, da die Anzeige der Seite länger dauert. Ändern Sie stattdessen die Größe des Bilds physisch auf die benötigte Größe.

Standardmäßig wird die Width Eigenschaft in Pixel ausgedrückt, kann aber auch als Prozentsatz der Fenstergröße ausgedrückt werden.

Gilt für:

Weitere Informationen