共用方式為

HtmlElement.ClientRectangle 屬性

  • 參考

定義

命名空間:
System.Windows.Forms
組件:
System.Windows.Forms.dll

取得 HTML 文件中項目的工作區 (Client Area) 之界限。

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>

下列程式碼範例示範如何擷取這個專案，並展開其維度，如果工作區寬度小於 50 圖元，則為 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 只會針對已指派明確高度和寬度的專案，或是使用絕對位置的專案傳回位置資料。 如果檔的位置樣式設定 absolute 為 ，則檔會絕對位置，之後就可以放置在 HTML 頁面上的任何座標。

適用於

另請參閱