HtmlElement.ClientRectangle 속성
정의
중요
일부 정보는 릴리스되기 전에 상당 부분 수정될 수 있는 시험판 제품과 관련이 있습니다. Microsoft는 여기에 제공된 정보에 대해 어떠한 명시적이거나 묵시적인 보증도 하지 않습니다.
HTML 문서에 있는 요소의 클라이언트 영역 경계를 가져옵니다.
public:
property System::Drawing::Rectangle ClientRectangle { System::Drawing::Rectangle get(); };
public System.Drawing.Rectangle ClientRectangle { get; }
member this.ClientRectangle : System.Drawing.Rectangle
Public ReadOnly Property ClientRectangle As Rectangle
속성 값
요소가 차지하는 클라이언트 영역 중 경계와 스크롤 막대가 차지하는 영역을 제외한 영역입니다. 장식을 포함한 요소의 위치와 크기를 가져오려면 대신 OffsetRectangle을 사용합니다.
예제
다음 HTML 페이지를 컨트롤의 호스트된 인스턴스에 로드했다고 가정합니다 WebBrowser .
<HTML>
<BODY>
<DIV id="div1" style="position:absolute;top:100px;left:100px;border- style:solid;border-width:1px;">
Edit this text.
</DIV>
</BODY>
</HTML>
다음 코드 예제에서는 클라이언트 영역의 너비가 400픽셀 미만인 경우 이 요소를 검색하고 크기를 50픽셀 높이로 확장하고 사용자가 텍스트를 입력할 contentEditable
수 있도록 상태를 설정하는 DIV
방법을 보여 줍니다.
private void EnableEditing()
{
if (webBrowser1.Document != null)
{
HtmlElement elem = webBrowser1.Document.GetElementById("div1");
if (elem != null)
{
if (elem.ClientRectangle.Width < 200)
{
elem.SetAttribute("width", "200px");
}
if (elem.ClientRectangle.Height < 50)
{
elem.SetAttribute("height", "50px");
}
elem.SetAttribute("contentEditable", "true");
//elem.SetFocus();
}
}
}
Private Sub EnableEditing()
Dim Elem As HtmlElement = WebBrowser1.Document.GetElementById("div1")
If (Not Elem Is Nothing) Then
If (Elem.ClientRectangle.Width < 200) Then
Elem.SetAttribute("width", "200px")
End If
If (Elem.ClientRectangle.Height < 50) Then
Elem.SetAttribute("height", "50px")
End If
Elem.SetAttribute("contentEditable", "true")
Elem.Focus()
End If
End Sub
설명
ClientRectangle 는 명시적 높이와 너비가 할당된 요소 또는 절대 위치 지정을 사용하는 요소에 대해서만 위치 데이터를 반환합니다. 문서의 위치 스타일이 설정된 absolute
경우 문서가 절대적으로 배치되며, 그 후에는 HTML 페이지의 모든 좌표에 배치할 수 있습니다.