Viewport: segments プロパティ

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

segments は Viewport インターフェイスの読み取り専用のプロパティで、表示領域全体の中のそれぞれのビューポートセグメントの位置とサイズを表す DOMRect オブジェクトの配列を返します。

値

DOMRect オブジェクトの配列です。

例

基本的な `Viewport.segments` の使い方

このスニペットはビューポート内のそれぞれのセグメントをループ処理し、インデックス数値、幅、高さを詳細に記述した文字列をコンソールにログ出力します。

const segments = window.viewport.segments;

segments.forEach((segment) =>
  console.log(
    `セグメント ${segments.indexOf(segment)} は ${segment.width}px x ${segment.height}px`,
  ),
);

仕様書

仕様書
CSS Viewport Module Level 1 # dom-viewport-segments

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年1月29日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

Viewport: segments プロパティ

値

例

基本的な Viewport.segments の使い方

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力

基本的な `Viewport.segments` の使い方