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

View in English Always switch to English

CSSStyleDeclaration.length

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

読み取り専用のプロパティで、この CSS 宣言ブロックにあるスタイル宣言の数を整数で表します。

このインスタンスの親に明示的に設定されているスタイルの数を示す整数です。

次の例は、以下の HTML 要素に明示的に設定されたスタイルの数を取得します。

html
<div
  id="div1"
  style="margin: 0 10px; background-color: #CA1; font-family: monospace"></div>

JavaScript コード:

js
const myDiv = document.getElementById("div1");
const divStyle = myDiv.style;
const len = divStyle.length; // 6

仕様書

仕様書
CSS Object Model (CSSOM)
# dom-cssstyledeclaration-length

ブラウザーの互換性