HtmlElement.ClientRectangle 속성

정의

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

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픽셀 높이인 경우 이 요소를 검색하고 크기를 확장하는 방법을 보여 줍니다. 또한 사용자가 텍스트를 입력할 DIV 수 있도록 상태를 설정합니다contentEditable.

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 는 명시적 높이와 너비가 할당된 요소 또는 절대 위치 지정을 사용하는 요소에 대해서만 위치 데이터를 반환합니다. 위치 스타일이 HTML absolute페이지의 모든 좌표에 배치될 수 있는 위치 스타일이 설정된 경우 문서가 절대적으로 배치됩니다.

적용 대상

추가 정보