HtmlElement.ClientRectangle Propiedad
Definición
Importante
Parte de la información hace referencia a la versión preliminar del producto, que puede haberse modificado sustancialmente antes de lanzar la versión definitiva. Microsoft no otorga ninguna garantía, explícita o implícita, con respecto a la información proporcionada aquí.
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
Á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 absolute
en , después de lo cual se puede colocar en cualquier coordenada de la página HTML.