Compartilhar via


HtmlImage.Align Propriedade

Definição

Obtém ou define o alinhamento da imagem em relação a outros elementos da página da Web.

public:
 property System::String ^ Align { System::String ^ get(); void set(System::String ^ value); };
public string Align { get; set; }
member this.Align : string with get, set
Public Property Align As String

Valor da propriedade

String

Uma cadeia de caracteres que especifica o alinhamento da imagem em relação a outros elementos da página da Web.

Exemplos

O exemplo de código a seguir demonstra como usar a Align propriedade para especificar o alinhamento de uma imagem em uma página da Web.

<%@ 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>
</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" />
    
    </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>
</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" />
    
    </form>
 
 </body>
 </html>

O exemplo de código a seguir demonstra como centralizar uma imagem na página da Web encapsulando o HtmlImage controle dentro de marcas de parágrafo com o align atributo definido como "center".

<%@ 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>
</head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
 
       <p style="text-align:center">
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
 
       </p>
 
    </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>
</head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
 
       <p style="text-align:center">
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
 
       </p>
 
    </form>
 
 </body>
 </html>

Comentários

Use essa propriedade para especificar o alinhamento da imagem em relação a outros elementos na página da Web.

A tabela a seguir representa os valores possíveis.

Valor Descrição
esquerda A imagem está alinhada no lado esquerdo da página da Web.
centro A imagem está alinhada no centro da página da Web.
direita A imagem está alinhada no lado direito da página da Web.
top Outros elementos na página da Web são alinhados com a borda superior da imagem.
Meio Outros elementos na página da Web são alinhados com o meio da imagem.
parte inferior Outros elementos na página da Web são alinhados com a borda inferior da imagem.

Observação

O valor central pode não funcionar em todos os navegadores. Para centralizar uma imagem, encapsule o HtmlImage controle dentro de marcas de parágrafo que contêm o align atributo definido como "center" (<p align= "center">).

Aplica-se a