Compartir a través de


HtmlElement.ClientRectangle Propiedad

Definición

Obtiene los límites del área de cliente del elemento en el documento 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

Valor de propiedad

Rectangle

Área cliente ocupada por el elemento, menos área ocupada por los bordes y las barras de desplazamiento. Para obtener la posición y las dimensiones del elemento, incluidos sus elementos gráficos, use en su lugar la propiedad OffsetRectangle.

Ejemplos

Supongamos que ha cargado la siguiente página HTML en una instancia hospedada del WebBrowser control.

<HTML>  

    <BODY>  

        <DIV id="div1" style="position:absolute;top:100px;left:100px;border-      style:solid;border-width:1px;">  
            Edit this text.  
        </DIV>  

    </BODY>  

</HTML>  

En el ejemplo de código siguiente se muestra cómo recuperar este elemento y expandir sus dimensiones si el área cliente tiene menos de 400 píxeles de ancho por 50 píxeles de alto y también establece el en DIV estado contentEditable para que el usuario pueda introducir texto.

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

Comentarios

ClientRectangle devolverá datos de posición solo para los elementos a los que se les ha asignado un alto y ancho explícitos, o elementos que usan posicionamiento absoluto. Un documento se coloca absolutamente si su estilo de posición se establece absoluteen , después de lo cual se puede colocar en cualquier coordenada de la página HTML.

Se aplica a

Consulte también