userChrome.cssとは?
![](http://cdn2.aprico-media.com/production/imgs/images/000/091/844/original.png?1669724053)
ブラウザ・Mozilla Firefoxを使用していて、「userChrome.css」というファイルについて聞いたことはありませんか?userChrome.cssとは、Firefoxのレイアウトやスタイルを調整することのできる設定ファイルです。Firefoxのタブやレイアウトといった見た目を変更したり、右クリックのコンテキストメニューの編集など様々なことが行えますよ。ただし、デフォルトでは無効化されているほか編集には専門的な知識が必要となります。この記事では、userChrome.cssの使い方をご紹介していきます。
userChrome.cssの使い方
userChrome.cssを有効にする
![アドレスバーに「about:config」と入力しEnterキーを押す](http://cdn2.aprico-media.com/production/imgs/images/000/091/832/original.jpg?1669721654)
![「危険性を承知の上で使用する」ボタンをクリック](http://cdn2.aprico-media.com/production/imgs/images/000/091/833/original.jpg?1669721690)
![「toolkit.legacyUserProfileCustomizations.stylesheets」と入力し、値が「true」になっているか確認](http://cdn2.aprico-media.com/production/imgs/images/000/091/837/original.jpg?1669722791)
![値が「false」だった場合、ダブルクリックして「true」にする](http://cdn2.aprico-media.com/production/imgs/images/000/091/838/original.jpg?1669722862)
userChrome.cssの配置場所・記述
![メニューボタン→「ヘルプ」をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/091/839/original.jpg?1669723045)
![「トラブルシューティング情報」をクリック](http://cdn2.aprico-media.com/production/imgs/images/000/091/840/original.jpg?1669723088)
![「フォルダーを開く」ボタンをクリック](http://cdn2.aprico-media.com/production/imgs/images/000/091/841/original.jpg?1669723111)
あとはプロファイルフォルダー内にある「chrome」フォルダを開いてから、userChrome.cssをメモ帳アプリなどのテキストエディタで開きましょう。もしchromeフォルダがない場合は新規作成でchromeフォルダを作成しましょう。userChrome.cssも同様にメモ帳アプリなどのテキストエディタで作成します。
![userChrome.cssをテキストエディタで起動](http://cdn2.aprico-media.com/production/imgs/images/000/091/843/original.jpg?1669723978)