Image.ImageAlign Property

Definition

Gets or sets the alignment of the Image control in relation to other elements on the Web page.

public:
 virtual property System::Web::UI::WebControls::ImageAlign ImageAlign { System::Web::UI::WebControls::ImageAlign get(); void set(System::Web::UI::WebControls::ImageAlign value); };
[System.ComponentModel.Bindable(true)]
public virtual System.Web.UI.WebControls.ImageAlign ImageAlign { get; set; }
member this.ImageAlign : System.Web.UI.WebControls.ImageAlign with get, set
Public Overridable Property ImageAlign As ImageAlign

Property Value

One of the ImageAlign values. The default is NotSet.

Attributes

Exceptions

The specified value is not one of the ImageAlign values.

Examples

The following example demonstrates how to use the ImageAlign property to specify the alignment of the Image control in relation to other elements on the Web page.

<%@ Page Language="C#" %>
<!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>Image Example</title>
</head>
 
<body>

   <form id="form1" runat="server">

      <h3>Image Example</h3>

      <asp:Image id="Image1" runat="server"
           AlternateText="Image text"
           ImageAlign="left"
           ImageUrl="images/image1.jpg"/>
  
   </form>

</body>
</html>

<%@ Page Language="VB" %>
<!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>Image Example</title>
</head>
 
<body>

   <form id="form1" runat="server">

      <h3>Image Example</h3>

      <asp:Image id="Image1" runat="server"
           AlternateText="Image text"
           ImageAlign="left"
           ImageUrl="images/image1.jpg"/>
  
   </form>

</body>
</html>

Remarks

Use the ImageAlign property to specify or determine the alignment of the image in relation to other elements on the Web page. The following table lists the possible alignments.

Alignment Description
NotSet The alignment is not set.
Left The image is aligned on the left edge of the Web page with text wrapping on the right.
Right The image is aligned on the right edge of the Web page with text wrapping on the left.
Baseline The lower edge of the image is aligned with the lower edge of the first line of text.
Top The upper edge of the image is aligned with the upper edge of the highest element on the same line.
Middle The middle of the image is aligned with the lower edge of the first line of text.
Bottom The lower edge of the image is aligned with the lower edge of the first line of text.
AbsBottom The lower edge of the image is aligned with the lower edge of the largest element on the same line.
AbsMiddle The middle of the image is aligned with the middle of the largest element on the same line.
TextTop The upper edge of the image is aligned with the upper edge of the highest text on the same line.

Applies to

See also