HtmlElement.ClientRectangle 속성

  • 참조

정의

네임스페이스:
System.Windows.Forms
어셈블리:
System.Windows.Forms.dll

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

속성 값

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 페이지의 모든 좌표에 배치할 수 있습니다.

적용 대상

추가 정보