2011年1月27日に「meter要素のスタイリングについてのメモ for Webkit & Opera」という記事を書きましたが、先日リリースされたFirefox 16もmeter要素に対応し、またWebkitの指定方法も変更されていましたので改めてメモしておきます。 なお、前回同様にOperaについてはスタイリングの方法が分かりませんので（まだないっぽい）、WebkitとFirefox向けの指定方法となります。 時間のある方は前の記事も読んでおくと理解しやすいかと思います。 Webkit向け::-webkit-meter-inner-elementこれはユーザーエージェントスタイルシートに書かれているものですが、気にしなくていいと思います。 meter要素の中の部分を指定します。::-webkit-meter-barメーター自体を指す擬似要素です。バーの背景などはここで指定します。 以
サイト内検索 この記事は、html5doctor に掲載されている記事「Measure up with the meter tag」を日本語訳したものです。 原文タイトル Measure up with the meter tag 原文ページ URL http://html5doctor.com/measure-up-with-the-meter-tag/ 著者 Tom Leadbetter 氏 原文投稿日 2009-10-07 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら
2012年10月15日 追記： この記事のCSSに関する情報は古くなっています。 新しく書き直しましたので、スタイリングについてはそちらをご覧ください。 meter要素のスタイリングについてのメモ 2012年10月 HTML5で追加されたmeter要素。 Windowsだと現在の最新版であるChrome 8とOpera 11で、何も指定しなくてもちゃんと表示してくれます（Mac環境と開発版は試していないので分かりません）。 見た目の変更はできないのかなーと思って調べてみたら、Webkitの独自拡張ではありますが、擬似要素がちゃんと用意されていました。 OperaはDragonflyで確認してみましたがそれらしいプロパティを発見できませんでした。 今回のデモは以下をどうぞ。対応しているブラウザはChromeです。 meter 要素のスタイリングについてのメモ デモページ デモファイルをダウン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
