value属性

meter要素のvalue属性は、実際値を指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<meter value="実際値"></meter>

value属性だけを指定

<meter value="0～1"></meter>

min属性もmax属性も指定しない場合、value属性には、0から1までの数値（浮動小数点数）を指定する。

min属性とmax属性も指定

<meter value="最小値～最大値" min="最小値" max="最大値"></meter>

min属性とmax属性を指定した場合、value属性には、min属性に指定した最小値から、max属性に指定した最大値まで範囲の、数値を指定する。

サンプルコード

value属性だけを指定

<meter value="0.5">0.5</meter>

最大値を設定

<meter value="50" max="100">50/100</meter>

最小値と最大値を設定

<meter value="50" min="0" max="100">50/100</meter>

サンプル

HTMLソースコード

<p>
	0～1の範囲： 
	<meter value="0.5">0.5</meter>
</p>
<p>
	0～500の範囲（実際値は50）： 
	<meter value="50" min="0" max="500">50/500</meter>
</p>
<p>
	0～500の範囲（実際値は250）： 
	<meter value="250" min="0" max="500">250/500</meter>
</p>
<p>
	0～500の範囲（実際値は450）： 
	<meter value="450" min="0" max="500">450/500</meter>
</p>

実際の表示

0～1の範囲： 0.5

0～500の範囲（実際値は50）： 50/500

0～500の範囲（実際値は250）： 250/500

0～500の範囲（実際値は450）： 450/500