meterの使い方についてまとめ

meterの概要

meter要素は測定値を表します。max属性に最大値、vlue属性に現在値を記述することで棒グラフなどで表します。

meterのカテゴリー

コンテンツカテゴリー

meterに入れられるタグ一覧

タグ早見表

a abbr area audio b bdo br button canvas cite code data datalist del dfn em embed i iframe img input ins kbd label link map mark math meta noscript object output progress q ruby samp script select small span strong sub sup svg textarea time var video wbr テキスト

入れられるタグのカテゴリー・モデル

この記事の目次

meterに使える属性

属性とは<meter> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード
グローバル属性一覧はこちら

meterで使うその他属性

max 概要 範囲全体の上限を指定できます。
属性の値 数値
min 概要 範囲全体の下限を指定できます。
属性の値 数値
value 概要 棒グラフ上の現在値を指定できます。
属性の値 数値
low 概要 棒グラフ上で低いとみなす値を指定します。
属性の値 低いとみなす上限の数値
high 概要 棒グラフ上で高いとみなす値を指定します。
属性の値 高いとみなす下限の数値
optimum 概要 最適とみなす範囲の数値を指定できます。
属性の値 数値
form 概要 属するフォームのidを指定できます。form要素に属する時のみ使用できます。
属性の値 文字列

スポンサードサーチ

<meter>の使い方

ブラウザ対応状況

ブラウザの対応（PC)
Chrome あり
Safari あり
Internet Explorer なし
Edge あり
Firefox あり
Opera あり
ブラウザの対応（SP)
Chrome あり
Safari あり
Samsung Internet あり