HtmlImage.Width 속성
정의
중요
일부 정보는 릴리스되기 전에 상당 부분 수정될 수 있는 시험판 제품과 관련이 있습니다. Microsoft는 여기에 제공된 정보에 대해 어떠한 명시적이거나 묵시적인 보증도 하지 않습니다.
이미지의 너비를 가져오거나 설정합니다.
public:
property int Width { int get(); void set(int value); };public int Width { get; set; }member this.Width : int with get, setPublic Property Width As Integer속성 값
이미지의 너비입니다.
예제
다음 코드 예제를 사용 하는 방법에 설명 합니다 Width 속성을 프로그래밍 방식으로 표시 된 이미지의 너비를 수정 합니다.
<%@ 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>
설명
합니다 Height 고 Width 속성 두 가지 방법으로 사용할 수 있습니다. 사용할 수는 Height 및 Width 이미지 크기 사양은 브라우저로 보낼 속성입니다. 더 빠르게에 웹 페이지를 표시이 브라우저에 이미지를 로드할 때 페이지 요소의 위치를 다시 계산 되지 않아도 되기 때문입니다.
사용할 수도 있습니다는 Height 고 Width 이미지 크기를 조정 하는 속성입니다. 이미지의 실제 크기와에서 다른 값을 사용 하는 경우 이미지에 따라 조정 됩니다. 그러나 이미지의 크기 조정에 대 한이 메서드는 페이지 표시를 더 오래 걸리기 때문에 권장 되지 않습니다. 대신, 물리적으로 이미지 크기를 조정 해야 크기입니다.
기본적으로 Width 픽셀에서 속성은 있지만 창 크기의 백분율로 표현할 수도 있습니다.