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

meter”要素~“value”属性

記事Sep.26th, 2020
進捗状況の現在の値を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

value”属性について

value”属性はmeter”要素で表される計測値の現在の値を指定します。

value”属性の値の下限はmin”属性が指定されていればその値、min”属性が省略されていれば“0.0”です。

value”属性の値の上限はmax”属性が指定されていればその値、max”属性が省略されていれば“1.0”です。

value”属性は必須属性です。“value”属性の値が不正な場合は“0.0”と見做されます。

指定できる値

説明
数値 現在の値

サンプルコード

0%
<p><label>得票率:<meter min="0" max="100" value="0">0%</meter></label></p>
25%
<p><label>得票率:<meter min="0" max="100" value="25">25%</meter></label></p>
50%
<p><label>得票率:<meter min="0" max="100" value="50">50%</meter></label></p>
75%
<p><label>得票率:<meter min="0" max="100" value="75">75%</meter></label></p>
100%
<p><label>得票率:<meter min="0" max="100" value="100">100%</meter></label></p>
0%

25%

50%

75%

100%

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