Compartilhar via


HtmlElement.ClientRectangle Propriedade

Definição

Obtém os limites da área de cliente do elemento no 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 da propriedade

Rectangle

A área de cliente ocupada pelo elemento, menos qualquer área ocupada pelas bordas e barras de rolagem. Use OffsetRectangle em seu lugar para obter a posição e dimensões do elemento, inclusive seus ornamentos.

Exemplos

Suponha que você carregou a página HTML a seguir em uma instância hospedada do WebBrowser controle.

<HTML>  

    <BODY>  

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

    </BODY>  

</HTML>  

O exemplo de código a seguir demonstra a recuperação desse elemento e a expansão de suas dimensões se a área do cliente tiver menos de 400 pixels de largura por 50 pixels de altura e também definirá o DIV contentEditable estado para que o usuário possa inserir 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

Comentários

ClientRectangle retornará dados de posição somente para elementos que receberam uma altura e largura explícitas ou elementos que usam posicionamento absoluto. Um documento será absolutamente posicionado se seu estilo de posição estiver definido como absolute, após o qual ele poderá ser posicionado em qualquer coordenada na página HTML.

Aplica-se a

Confira também