1. 開発者向けのウェブ技術
  2. Web API
  3. IntersectionObserverEntry
  4. boundingClientRect

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

IntersectionObserverEntry: boundingClientRect プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2019年3月.

boundingClientRect は IntersectionObserverEntry インターフェイスの読み取り専用のプロパティで、簡単にいえば、対象要素全体を含む最小の矩形を記述した DOMRectReadOnly を返します。

値

DOMRectReadOnly で、交差状態の変化を記述している対象要素のすべての部分を含む、最小の矩形を記述します。 この値は Element.getBoundingClientRect() と同じアルゴリズムで取得されるので、この矩形を得るために何が行われ、何がその境界内に含まれ、何が含まれないかという正確な内容については、その記事を参照してください。

しかし、一般的なケースでは、これを対象要素の外接矩形と考えるのが無難でしょう。

仕様書

Specification
Intersection Observer
# dom-intersectionobserverentry-boundingclientrect

ブラウザーの互換性

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content