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あたりで取り込まれるとみられる。

    関連記事

    「Firefox 3.6.6」、Firefox 3.6.4の次はひとつ飛ばす [2010/6/10]
    IndexedDB、次世代ブラウザデータベース候補 [2010/6/2]
    新しいフィッシング攻撃が登場「タブひっかけ」 [2010/5/26]
    H.264に対応したFirefoxをビルドするプロジェクト"Wild Fox" [2010/5/18]
    Mozillaプラグインチェック機能、ほかのブラウザにも対応 [2010/5/13]
    Javaセキュリティ問題、Firefoxなどで不具合残る [2010/4/22]
    Firefox 3.7a4、新機能まとめ [2010/4/13]
    Firefoxに新しいコンソール開発中、HeadsUpDisplay [2010/4/9]
    色でクリックしたリンクがバレるプライバシー問題、Firefox開発版で対応 [2010/4/6]
    Firefox 3.0サポート終了 [2010/4/1]

    関連サイト

    Firefox web browser
    関連したタグ

    【レポート】Webフォントサービスあれこれ

    【レビュー】マウス操作だけでCSS3対応ボタンを自在に作成! その名も"Button Maker"

    新着記事

    イプスイッチ、Windows環境の監視ツール「WhatsUp Gold」で日本語に対応 [15:33 5/28]
    アイシンの最新安全運転システム - 車両周辺・後方障害物監視、わき見・居眠り判断 [10:30 5/28]
    ラネクシー、画像処理ソフトウェア開発キットの最新版を64bit版で販売 [10:10 5/28]
    東陽テクニカ、1G/10GbE回線対応のポータブルネットワークアナライザ [09:57 5/28]
    日本発の取り組み「Mozilla Factory」がスタート [09:30 5/28]

    特設サイトの情報

      求人情報

      人気記事

      一覧

      もっと見る

      イチオシ記事

      もっと見る

      新着記事

      特別企画

      転職ノウハウ

      あなたの仕事適性診断

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

      Heroes File ～挑戦者たち～

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

      はじめての転職診断

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

      転職Q&A

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

      スカウト転職する

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

      ...もっと見る

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

        ページトップ