<meter> - メーター <meter> - メーターmeter は HTML5 で追加された要素で、ディスク使用量などの測定値を示します。最大値を max とした現在の値 value を棒グラフなどで表します。
<meter>〜</meter> の間には、<meter> に対応していないブラウザのためのメッセージや代替内容などを記述します。
| 属性 | 意味 |
|---|---|
| max=n | H5+。最大値を指定します。 |
| min=n | H5+。最小値を指定します。 |
| value=n | N5+。現在の値を指定します。 |
| low=n | H5+。低いとみなす値を指定します。 |
| high=n | H5+。高いとみなす値を指定します。 |
| optimum=n | H5+。最適とみなす値を指定します。 |
| 属性 | 意味 |
|---|---|
| class=class | H4+。クラスを指定します。 |
| id=id | H4+。ID を指定します。 |
| style=style | H4+。スタイルシートを指定します。 |
| title=title | H4+。タイトルを指定します。 |
| dir=dir | H4+。文字の表示方向を指定します。 |
| lang=lang | H4+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| HTMLソース |
|---|
<meter max=100 value=70>70 / 100</meter> |
| ブラウザ表示例(※) |
|---|
|
|