HtmlElement.OffsetRectangle プロパティとは何？わかりやすく解説 Weblio辞書

.NET Framework クラスライブラリリファレンス

索引トップ用語の索引ランキング

HtmlElement.OffsetRectangle プロパティ

メモ : このプロパティは、.NET Framework version 2.0 で新しく追加されたものです。

親を基準とした要素の相対的な位置を取得します。

名前空間: System.Windows.Forms
アセンブリ: System.Windows.Forms (system.windows.forms.dll 内)
構文

Visual Basic (宣言)

Public ReadOnly Property
 OffsetRectangle As Rectangle

Visual Basic (使用法)

Dim instance As HtmlElement
Dim value As Rectangle

value = instance.OffsetRectangle

public Rectangle OffsetRectangle { get; }

C++

public:
property Rectangle OffsetRectangle {
    Rectangle get ();
}

/** @property */
public Rectangle get_OffsetRectangle ()

JScript

public function get OffsetRectangle
 () : Rectangle

プロパティ値
親を基準とした、要素の相対的な X および Y 座標位置、幅、および高さ。要素の親が相対位置または絶対位置を使用している場合、OffsetRectangle は親要素のオフセットを返します。要素自体が親を基準とした相対位置を使用している場合、OffsetRectangle はその親からのオフセットを返します。

解説

HTML ページ上に要素が配置される方法として、次の 3 とおりが考えられます。

HTML における要素の位置の詳細については、「About Element Positioning」(http://msdn.microsoft.com/library/default.asp?url=/workshop/author/position/positioning.asp) を参照してください。

使用例

次のコード例を使用すると、OffsetParent および OffsetRectangle の動作が、span1、span2、span3 で、それぞれどのように異なるかを確認できます。

<HTML>
    <BODY>

        <DIV>
            <SPAN>Placeholder text 1.</SPAN>
        </DIV>

        <DIV style="position:relative;top:100px;left:100px;">
            <SPAN>Placeholder text 2.</SPAN>
        </DIV>

        <DIV style="position:absolute;top:200px;left:200px;">
            <DIV style="position:relative;top:100px;left:100px;">
                <SPAN>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);
}