high属性

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

ブラウザ対応

構文

<meter value="実際値" high="高い範囲との境界"></meter>

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

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

サンプルコード

<meter value="0.9" high="0.8"></meter>

<meter value="90" min="0" max="100" high="80"></meter>

サンプル

HTMLソースコード

<p>
	0.8より大きい数値を高いと判定（実際値は0.8）： 
	<meter value="0.8" high="0.8">0.8</meter>
</p>
<p>
	0.8より大きい数値を高いと判定（実際値は0.9）： 
	<meter value="0.9" high="0.8">0.9</meter>
</p>
<p>
	400より大きい数値を高いと判定（実際値は400）： 
	<meter value="400" high="400" min="0" max="500">400/500</meter>
</p>
<p>
	400より大きい数値を高いと判定（実際値は401）： 
	<meter value="401" high="400" min="0" max="500">401/500</meter>
</p>

実際の表示

0.8より大きい数値を高いと判定（実際値は0.8）： 0.8

0.8より大きい数値を高いと判定（実際値は0.9）： 0.9

400より大きい数値を高いと判定（実際値は400）： 400/500

400より大きい数値を高いと判定（実際値は401）： 401/500