meter要素

meter要素は特定範囲内の割合などを示すための要素です。

value属性が必須属性でmeter要素で示したい値を指定できます。

HD利用容量 : <meter value="50">50Mの容量を利用しています</meter>

min属性で最小範囲をmax属性で最大範囲を指定することができます。

HD利用容量 : <meter value="50" min="0" max="300">300M中50Mの容量を利用しています</meter>

low属性とhigh属性で低領域、中領域、高領域を指定することができます。

HD利用容量 : <meter value="50" min="0" max="300" low="20" high="250">300M中50Mの容量を利用しています</meter>

上記のように指定することで0〜20が低領域、21〜249が中領域、250〜30が高領域となります。

optimum属性でlow属性やhigh属性で定義した領域のうちどこが最適領域かを指定できます。

HD利用容量 : <meter value="50" min="0" max="300" low="20" high="250" optimum="10">300M中50Mの容量を利用しています</meter>

上記の例ではoptimum属性に10が指定されていますので低領域が最適領域となり、value属性がこの領域の値を指し示す場合は他の領域と異なる描画がなされます。
(optimum属性のデフォルトの値はmin属性とmax属性で指定された値の中間地点を示します)

登録日 : 2015年02月04日最終更新日 : 2015年2月4日

HTMLリファレンス