HtmlImage.Width Eigenschaft

Definition

Ruft die Breite des Bildes ab oder legt diese 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

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 können auf zwei Arten verwendet werden. Sie können die Height Eigenschaften und Width verwenden, um die Bildgrößenspezifikationen an den Browser zu senden. Dadurch wird die Webseite schneller angezeigt, da der Browser die Positionen der Elemente auf der Seite beim Laden des Bilds nicht neu berechnen muss.

Sie können auch die Height Eigenschaften und Width verwenden, um das Bild zu skalieren. Wenn Werte verwendet werden, 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 es länger dauert, bis die Seite es anzeigt. Ändern Sie stattdessen die Größe des Images physisch auf die gewünschte Größe.

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

Gilt für:

Weitere Informationen