다음을 통해 공유

HtmlImage.Align 속성

정의

네임스페이스:
System.Web.UI.HtmlControls
어셈블리:
System.Web.dll

다른 웹 페이지 요소를 기준으로 이미지의 맞춤을 가져오거나 설정합니다.

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

속성 값

String

다른 웹 페이지 요소를 기준으로 이미지의 맞춤을 지정하는 문자열입니다.

예제

다음 코드 예제에서는 웹 페이지에서 이미지의 맞춤을 지정 하는 속성을 사용 Align 하는 방법을 보여 줍니다.

<%@ 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>

다음 코드 예제에서는 특성이 설정된 단락 태그 안에 컨트롤을 래핑 HtmlImage 하여 웹 페이지에서 이미지를 가운데에 배치하는 "center"방법을 보여 줍니다align.

<%@ 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>

설명

웹 페이지의 다른 요소와 관련하여 이미지의 맞춤을 지정하려면 이 속성을 사용합니다.

다음 표에서는 가능한 값을 나타냅니다.

가치 설명
왼쪽 이미지가 웹 페이지의 왼쪽에 맞춰집니다.
중 이미지가 웹 페이지의 가운데에 맞춰집니다.
오른쪽 이미지가 웹 페이지의 오른쪽에 맞춰집니다.
맨 위 웹 페이지의 다른 요소는 이미지의 위쪽 가장자리에 맞춰집니다.
중간 웹 페이지의 다른 요소는 이미지의 가운데에 맞춰집니다.
하단 웹 페이지의 다른 요소는 이미지의 아래쪽 가장자리에 맞춰집니다.

메모

가운데 값이 모든 브라우저에서 작동하지 않을 수 있습니다. 이미지의 가운데를 지정하려면 ()로 설정된 특성이 포함된 단락 태그 안에 컨트롤을 align"center"<p align= "center">래핑 HtmlImage 합니다.

적용 대상