基本的にはfirefoxしか使えません。(最近はChromeでLite版なんかも出ていますが。任意のタグを選択して、それにどういったCSSがかかっているのかを調べることができることだと思います。調べるだけではなく、リアルタイムに編集を加えてプレビューに反映しながら、調整もできます。このあたりについては、だいぶ前に記事にしていました。【図解】今更ながらfirebugによるCSS調整のし易さについて。Explorer)で検証できればいいな、という場合は結構多いと思います。IEではfirebugは使えません。最近のIEには、開発者ツール、と呼ばれるfirebugに似た検証ツールが組み込まれています。ご存知の方は多いと思うのですが、あまり使われていない方も多いような気がします。そこで、CSS編集の点において、IEの開発者ツールをfirebugみたく使う方法について少しだけ説明をしたいと思います。タグを選択して適用されているCSSを調査します。CSSのリアルタイム編集&プレビューをします。実はfirebugと同じようなことができちゃいます!(笑)F12を押すと、下にfirebugのようなウインドウが出現します。これがIEの開発者ツールです。なんとなくfirebugと似てますね。1.矢印を選択し、2.プレビュー上で、任意の要素を選択し、3.トレーススタイルを選択します。すると、選択中のタグに適用されているCSSを知ることが可能です。CSSを少し、いじってみます。クリックすると、編集できますので、変更してみましょう。実際のコードへの影響は何もありません。トレーススタイルの編集ですが、今回試した、既存プロパティの編集は可能でしたが、firebugのように、新たにプロパティを追加したりすることはできないように思いました。htmlタブのほうで、属性の追加、というのができるので、そちらでたとえば、styleプロパティを追加してCSSを直接書き込めば、その場で色々調整できるように思いました。私も開発者ツールについては、それほど使い込んでませんがぜひ、活用してみてくださいませ。人がこの記事は役に立ったと言っています。★新記事下ハイブリッドads開発テレワ&ゲーマーが2022/2023年に買ったモノこちらもどうぞ運営者プロフィールハウツー記事マニアで雑記ブロガーのきみひこです。WindowsやiPhoneの使い方から、プライベートで買った製品のレビューまで色々書いています。忙しくて満足にゲームできない時代もありましたが、最近はエーペックスにどっぷりハマってます。