<meter> - メーター

トップ > HTMLリファレンス > <meter>

概要

項目説明
形式<meter>~</meter>
サポートH5 / Ch6 / Fx16 / Sa5.2 / Op11
カテゴリフローコンテンツ, フレージングコンテンツ, ラベラブル, パルパブルコンテンツ
親要素フレージングコンテンツ を子要素に持てるもの
子要素フレージングコンテンツ (ただし、meter要素を子孫にもつことはできない)
タグの省略開始タグ:必須 / 終了タグ:必須

説明

meter は HTML5 で追加された要素で、ディスク使用量などの測定値を示します。最大値を max とした現在の値 value を棒グラフなどで表します。

<meter>~</meter> の間には、<meter> に対応していないブラウザのためのメッセージや代替内容などを記述します。

属性

【固有属性】
属性意味
max=nH5。最大値を指定します。
min=nH5。最小値を指定します。
value=nH5。現在の値を指定します。
low=nH5。低いとみなす値を指定します。
high=nH5。高いとみなす値を指定します。
optimum=nH5。最適とみなす値を指定します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<meter max=100 value=70>70 / 100</meter>
表示
70 / 100
※ Google Chrome 6, Firefox 16, Safari 5.2, Opera 11 以降で動作確認できます。

Copyright (C) 2011-2015 杜甫々
初版:2011年6月11日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/progress.htm