low属性

meter要素のlow属性は、低い範囲との境界を指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<meter value="実際値" low="低い範囲との境界"></meter>
<meter value="実際値" low="低い範囲との境界" min="最小値" max="最大値"></meter>

value属性に指定した実際値が、low属性に指定した低い範囲との境界を示す値を下回ると低いと判定する。

サンプルコード

<meter value="0.1" low="0.2"></meter>
<meter value="10" min="0" max="100" low="20"></meter>

サンプル

HTMLソースコード

<p>
	0.2より小さい数値を低いと判定(実際値は0.2): 
	<meter value="0.2" low="0.2">0.2</meter>
</p>
<p>
	0.2より小さい数値を低いと判定(実際値は0.1): 
	<meter value="0.1" low="0.2">0.1</meter>
</p>
<p>
	100より小さい数値を低いと判定(実際値は100): 
	<meter value="100" low="100" min="0" max="500">100/500</meter>
</p>
<p>
	100より小さい数値を低いと判定(実際値は99): 
	<meter value="99" low="100" min="0" max="500">99/500</meter>
</p>

実際の表示

0.2より小さい数値を低いと判定(実際値は0.2): 0.2

0.2より小さい数値を低いと判定(実際値は0.1): 0.1

100より小さい数値を低いと判定(実際値は100): 100/500

100より小さい数値を低いと判定(実際値は99): 99/500