新着! 私の44ページの電子書籍「44分でわかるCSS」が公開されました! 😃

今すぐ入手 →

# meter

水平メーターを定義します。

例: コピー

進行状況
<meter value="0.7">Progress</meter>

例: コピー

アレックス
ブランドン
シャーロット
サム
<meter min="0" low="16" value="71" high="92" max="100">Alex</meter><br>
<meter min="0" low="16" value="16" high="92" max="100">Brandon</meter><br>
<meter min="0" low="16" value="40" high="92" max="100">Charlotte</meter><br>
<meter min="0" low="16" value="92" high="92" max="100">Sam</meter>

value

max属性で定義されたスケール上のメーターの値を定義します。

必須です。

"0.7"

10進数および負の数値を使用できます。 minおよびmaxの値の間である必要があります。

"-42"

最小値より低い値を使用すると、メーターは空になります。

"63"

最大値より高い値を使用すると、メーターは一杯になります。

max

メーターで可能な最大値を定義します。

"1"

デフォルトです。

10進数および負の数値を使用できます。

"100"

10進数および負の数値を使用できます。

min

メーターで可能な最小値を定義します。

"0"

デフォルトです。

10進数および負の数値を使用できます。

"-150"

10進数および負の数値を使用できます。

low

メーターで定義された範囲内で最も低い値を定義します。

"0.16"

値はminより大きく、highより小さくなければなりません。

high

メーターで定義された範囲内で最も高い値を定義します。

"0.92"

値はmaxより小さく、lowより大きくなければなりません。