Bagikan melalui

HtmlImage.Align Properti

Definisi

Ruang nama:
System.Web.UI.HtmlControls
Rakitan:
System.Web.dll

Mendapatkan atau mengatur perataan gambar relatif terhadap elemen halaman Web lainnya.

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

Nilai Properti

String

String yang menentukan perataan gambar relatif terhadap elemen halaman Web lainnya.

Contoh

Contoh kode berikut menunjukkan cara menggunakan Align properti untuk menentukan perataan gambar di halaman 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>

Contoh kode berikut menunjukkan cara memusatkan gambar di halaman Web dengan membungkus HtmlImage kontrol di dalam tag paragraf dengan atribut yang align diatur ke "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>

Keterangan

Gunakan properti ini untuk menentukan perataan gambar sehubungan dengan elemen lain di halaman Web.

Tabel berikut menunjukkan kemungkinan nilai.

Nilai Deskripsi
kiri Gambar diratakan di sisi kiri halaman Web.
Pusat Gambar diratakan di tengah halaman Web.
Kanan Gambar diratakan di sisi kanan halaman Web.
top Elemen lain di halaman Web diratakan dengan tepi atas gambar.
Tengah Elemen lain di halaman Web diselaraskan dengan tengah gambar.
Bawah Elemen lain di halaman Web diselaraskan dengan tepi bawah gambar.

Nota

Nilai tengah mungkin tidak berfungsi pada semua browser. Untuk membungkus gambar, bungkus HtmlImage kontrol di dalam tag paragraf yang berisi atribut yang align diatur ke "center" (<p align= "center">).

Berlaku untuk