HtmlElement.OffsetRectangle HtmlElement.OffsetRectangle HtmlElement.OffsetRectangle HtmlElement.OffsetRectangle Property

定義

親を基準とした要素の相対的な位置を取得します。Gets the location of an element relative to its parent.

public:
 property System::Drawing::Rectangle OffsetRectangle { System::Drawing::Rectangle get(); };
public System.Drawing.Rectangle OffsetRectangle { get; }
member this.OffsetRectangle : System.Drawing.Rectangle
Public ReadOnly Property OffsetRectangle As Rectangle

プロパティ値

親を基準とした、要素の相対的な X および Y 座標位置、幅、および高さ。The x- and y-coordinate positions of the element, and its width and its height, in relation to its parent.

要素の親が相対位置または絶対位置を使用している場合、OffsetRectangle は親要素のオフセットを返します。If an element's parent is relatively or absolutely positioned, OffsetRectangle will return the offset of the parent element. 要素自体が親を基準とした相対位置を使用している場合、OffsetRectangle はその親からのオフセットを返します。If the element itself is relatively positioned with respect to its parent, OffsetRectangle will return the offset from its parent.

次のコード例は、 OffsetParent 、、およびspan1span2 span3のとOffsetRectangleの違いを示しています。The following code example shows how OffsetParent and OffsetRectangle differ for span1, span2 and span3:

<HTML>  
    <BODY id="documentBody">  
  
        <DIV id="div1">  
            <SPAN id="span1">Placeholder text 1.</SPAN>  
        </DIV>  
  
        <DIV id="div2" style="position:relative;top:100px;left:100px;">  
            <SPAN id="span2">Placeholder text 2.</SPAN>  
        </DIV>  
  
        <DIV id="div3" style="position:absolute;top:200px;left:200px;">  
            <DIV id="div4" style="position:relative;top:100px;left:100px;">  
                <SPAN id="span3">Placeholder text 3.</SPAN>  
            </DIV>  
        </DIV>  
  
    </BODY>  
</HTML>  
private void GetOffsets()
{
    String str = "";
    HtmlDocument doc = webBrowser1.Document;

    foreach (HtmlElement elem in doc.GetElementsByTagName("SPAN"))
    {
        str += "OffsetParent for " + elem.Id + " is " + elem.OffsetParent.Id;
        str += "; OffsetRectangle is " + elem.OffsetRectangle.ToString() + "\n";
    }

    MessageBox.Show(str);
}
Private Sub GetOffsets()
    Dim Str As String = ""
    Dim Doc As HtmlDocument = WebBrowser1.Document

    For Each Elem As HtmlElement In Doc.GetElementsByTagName("SPAN")
        Str &= "OffsetParent for " & Elem.Id & " is " & Elem.OffsetParent.Id
        Str &= "; OffsetRectangle is " & Elem.OffsetRectangle.ToString() & vbCrLf
    Next

    MessageBox.Show(Str)
End Sub

注釈

要素は、次の3つの方法のいずれかで HTML ページに配置できます。Elements can be positioned on an HTML page in one of three ways:

  • 既定のフローの配置。Default flow positioning.

  • 相対位置。要素は、その親を基準として固定量でオフセットされます。Relative positioning, in which the element is offset by a fixed amount relative to its parent.

  • 絶対位置。要素には、ドキュメントの左上隅を基準とした固定の座標位置が与えられます。Absolute positioning, in which the element is given a fixed coordinate position relative to the upper-left corner of the document.

HTML での要素の配置の詳細については、「要素の配置について」を参照してください。For more information about element positioning in HTML, see About Element Positioning.

適用対象

こちらもご覧ください