このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

meter”要素~“low”属性

記事Sep.26th, 2020
低いとする値の最大値を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

low”属性について

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

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

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

指定できる値

説明
数値 低いとする値の最大値

サンプルコード

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%

10%

50%

90%

100%

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク