“meter”要素~“high”属性

“high”属性について

“high”属性は高いとみなされる値の最大値を指定します。

多くのブラウザでは“value”属性の値が“high”属性の値以上の場合は高いとみなされ、ゲージの色が変わります。

“high”属性の値は “max”属性が指定されていればその値以下、“max”属性が省略されていれば“1.0”以下でなければなりません。また、“min”属性が指定されている場合はその値以上、“min”属性が省略されている場合は“0.0”以上、さらに“low”属性が指定されていればその値以下でなければなりません。

指定できる値

サンプルコード

0%
<p><label>貯水率：<meter min="0" max="100" low="20" high="80" value="0">0%</meter></label></p>
10%
<p><label>貯水率：<meter min="0" max="100" low="20" high="80" value="10">10%</meter></label></p>
50%
<p><label>貯水率：<meter min="0" max="100" low="20" high="80" value="50">50%</meter></label></p>
90%
<p><label>貯水率：<meter min="0" max="100" low="20" high="80" value="90">90%</meter></label></p>
100%
<p><label>貯水率：<meter min="0" max="100" low="20" high="80" value="100">100%</meter></label></p>


0%

貯水率：0%

10%

貯水率：10%

50%

貯水率：50%

90%

貯水率：90%

100%

貯水率：100%