CSSOM ビュー

リファレンス

イベント

• Window のイベント:
  • resize
• VisualViewport のイベント:
  • resize
  • scroll
  • scrollend
• Document のイベント
  • scroll
  • scrollend
• Element のイベント
  • scroll
  • scrollend
• MediaQueryList のイベント
  • change

用語集

• ビューポート
• レイアウトビューポート
• 視覚的ビューポート

インターフェイス

• MediaQueryList
  • matches
  • media
  • addListener()
  • removeListener()
  • onchange
• MediaQueryListEvent
  • media
  • matches
• Screen
  • availHeight
  • availWidth
  • colorDepth
  • height
  • pixelDepth
  • width
• CaretPosition
  • offsetNode
  • offset
  • getClientRect()
• VisualViewport
  • height
  • offsetLeft
  • offsetTop
  • onresize
  • onscroll
  • onscrollend
  • pageLeft
  • pageTop
  • scale
  • width

インターフェイスの拡張

このモジュールは、他の仕様書で定義されているインターフェイスにプロパティとメソッドを追加します。

• Window
  • devicePixelRatio
  • innerHeight
  • innerWidth
  • matchMedia()
  • moveBy()
  • moveTo()
  • outerHeight
  • outerWidth
  • pageXOffset (see scrollX)
  • pageYOffset (see scrollY)
  • resizeBy()
  • resizeTo()
  • screen
  • screenLeft
  • screenTop
  • screenX
  • screenY
  • visualViewport
  • scroll()
  • scrollBy()
  • scrollTo()
  • scrollX
  • scrollY
• Document
  • elementFromPoint()
  • caretPositionFromPoint()
  • scrollingElement
• Element
  • checkVisibility()
  • clientHeight
  • clientLeft
  • clientTop
  • clientWidth
  • currentCSSZoom
  • getBoundingClientRect()
  • getClientRects()
  • scroll()
  • scrollBy()
  • scrollHeight
  • scrollIntoView()
  • scrollLeft
  • scrollTo()
  • scrollTop
  • scrollWidth
• HTMLElement
  • offsetHeight
  • offsetLeft
  • offsetParent
  • offsetTop
  • offsetWidth
• HTMLImageElement
  • x
  • y
• Range
  • getBoundingClientRect()
  • getClientRects()
• MouseEvent
  • clientX
  • clientY
  • offsetX
  • offsetY
  • pageX
  • pageY
  • screenY
  • x
  • y

このモジュールは、Text、Element、CSSPseudoElement、Document の各インターフェイスに適用される幾何ユーティリティメソッドを定義します。 GeometryUtils のこれらの機能は、まだどのブラウザーにも実装されていません。

ガイド

座標系

モニター上のウィンドウ、モバイル機器のビューポート、印刷時の紙上の位置などのディスプレイコンテキストにおける位置を特定するために使われる座標系についてのガイドです。

ビューポートの概念

ビューポートの概念（それが何か、CSS、SVG、モバイル端末への影響）と、視覚的ビューポートとレイアウトビューポートの違いについてです。

関連する概念

• zoom
• CSSOM
• CSS ピクセル
• スクロールコンテナー
• <meta>

仕様書

関連情報

• CSS オブジェクトモデル (CSSOM) API
• CSS オーバーフローモジュール
• CSS オーバースクロール動作モジュール
• CSS スクロールスナップモジュール