Bahasa

HtmlElement.ClientRectangle Properti

Definisi

Mendapatkan batas area klien dari elemen dalam dokumen 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

Nilai Properti

Area klien yang ditempati oleh elemen , dikurangi area apa pun yang diambil oleh batas dan bilah gulir. Untuk mendapatkan posisi dan dimensi elemen yang termasuk dalam hiasannya, gunakan OffsetRectangle sebagai gantinya.

Contoh

Asumsikan Anda telah memuat halaman HTML berikut ke dalam instans kontrol yang dihosting 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>

Contoh kode berikut menunjukkan pengambilan elemen ini dan memperluas dimensinya jika luas area klien kurang dari 400 piksel dengan tinggi 50 piksel, dan juga mengatur DIV ke contentEditable status sehingga pengguna dapat memasukkan teks.

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

Keterangan

ClientRectangle akan mengembalikan data posisi hanya untuk elemen yang telah diberi tinggi dan lebar eksplisit, atau elemen yang menggunakan posisi absolut. Dokumen benar-benar diposisikan jika gaya posisinya diatur ke absolute, setelah itu dapat diposisikan pada koordinat apa pun di halaman HTML.

Berlaku untuk

Lihat juga