<meter> * - メーター(新)

■ 概要

項  目説  明
記述形式 <meter>~</meter>
対応ブラウザー H5+ / Op11+ / Ch8+
種  類
(カテゴリー)
フロー・コンテンツフレージング・コンテンツパルパブル・コンテンツ  
置ける場所 フレージング・コンテンツが記入できる場所
内包要素
(コンテンツ・モデル)
フレージング・コンテンツ [ただし,子孫に meter要素を含まないこと]
(コンテンツ・モデル: カテゴリー

■ 解説

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

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

■ 属性

種  類名  称
【固有属性】 value, min *, max *, low *, high *, optimum *
【グローバル属性】 accesskeyclasscontenteditable * dir
hidden *idlangspellcheck *style
tabindextitletranslate *
【ARIA role属性】
指定可能な値 (役割)
なし
【ARIA aria-* 属性】
指定可能なもの
ARIA グローバル状態とプロパティ   

value属性
min属性max属性の2つの値で指定された範囲内での値を指定します。 

min属性
範囲の下限を与える値を指定します。 min属性の値は0以上の値である必要があります。 省略された場合は既定値の "0" がこの属性の値として使用されます。

max属性
範囲の上限を与える値を指定します。 max属性の値は,value属性,min属性,low属性,high属性,optimum 属性 のいずれの値をも下回らない,それら以上である必要があります。 省略された場合は既定値の "1" がこの属性の値として使用されます。

low属性
低いとされる範囲の上限の値を指定します。 low属性の値は,min属性の値以上で,high属性の値以下です。

high属性
高いとされる範囲の下限の値を指定します。 high属性の値は,low属性の値以上で,max属性の値以下です。

optimum属性
最適とされる値を指定します。 optimum属性は,min属性の値以上で,max属性の値以下ですが,low属性や high属性の値で制約を受けることはありません。

■ CSSプロパティ

種  類名  称
【よく使うもの】 colorbackground-colorfontfont-sizefont-family

■ 使用例

HTMLソース
HTML
<body> ~ </body>
<meter max=100 value=70>70 / 100</meter>

ブラウザー 表示例
70 / 100

■ 備考