HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

メーター

meter要素

保存容量の使用状況、メーカー毎のシェアの割合などを表します。

サンプルコード

<h1>ある職場でのPCユーザーの割合</h1>
<ul>
	<li>Windowsユーザー:<meter value="78" min="0" max="100">78%</meter>
	<li>Macユーザー:<meter value="22" min="0" max="100">22%</meter>
</ul>
  • カテゴリー

    フローコンテンツ、フレージングコンテンツ、ラベル付け可能なコンテンツ、パルパブルコンテンツ

  • コンテンツモデル

    フレージングコンテンツ。ただし、meter要素を子孫に持つことはできない

  • 使用ケース

    フレージングコンテンツが期待される場所

属性

グローバル属性

下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。

value

現在の数値

min

下限値(最小値)

max

上限値(最大値)

low

value属性に対し、低域(割合として低い)の上限値を設定します。

high

value属性に対し、高域(割合として高い)の下限値を設定します。

optimum

value属性の値が最適だと判断される数字を指定します。

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。