Firefox 4、CSS3 calc()を実装

    後藤大地  [2010/06/15]

    Firefox web browser - Faster, more secure & customizable

    CSS3で策定が進められている機能のひとつにcalc()がある。長さの計算指定を可能にするもので、サポートされる演算は+、-、*、/、modの5つ。剰余演算の表記には%が使われることが多いが、パーセント指定の%と表記上の混乱を避けるためにここではmodの使用が採用されている。

    Firefox 4: CSS3 calc() ✩ Mozilla Hacks - the Web developer blogにおいて、Firefoxが将来的にcalc()をサポートするという話がサンプルとともに簡単に紹介されている。どういった記述ができるのかが掲載されており参考になる。

    -moz-calc()記述例 - Firefox 4: CSS3 calc()より抜粋

    moz-calc()記述例 - Firefox 4: CSS3 calc()より抜粋

    moz-calc()記述例 - Firefox 4: CSS3 calc()より抜粋

    moz-calc()記述例 - Firefox 4: CSS3 calc()より抜粋

    calc()にはさらにmin()/mac()のサポート、分岐条件などの機能が追加される見通し。calc()はまだFirefoxには統合されていないが、現在開発段階にあり、Firefox 4あたりで取り込まれるとみられる。

    関連記事

    関連サイト

    関連したタグ

    新着記事

    特設サイトの情報

      求人情報

      人気記事

      一覧

      イチオシ記事

      新着記事

      特別企画

      転職ノウハウ

      あなたの仕事適性診断

      4つの診断で、自分の適性を見つめなおそう!

      Heroes File ~挑戦者たち~

      働くこと・挑戦し続けることへの思いを綴ったインタビュー

      はじめての転職診断

      あなたにピッタリのアドバイスを読むことができます。

      転職Q&A

      転職に必要な情報が収集できます

      スカウト転職する

      企業からアプローチのメッセージが届きます。

      マイナビニュースマガジン