« onclickイベントを動的に追加する | メイン | デリミタを使用して文字列を変換する »

ユーザースタイルシートを使用してみる

safariの環境設定ユーザースタイルシートが使用できるます。
ユーザースタイルシートとは、ブラウザが何よりも優先して適用するスタイルシートのことで
非常に強力なものです。

私はSafariのツールバーに文字のサイズを変更するボタンを配置しています。
サイトによって文字の大きさが異なるので
このボタンを使用して表示を調整しています。

このような悩みはユーザースタイルシートで解決できるのです。

たとえば、全ての文字を濃紺のヒラギノ明朝にして、行間を大きくするユーザースタイルシートです。(文字のサイズはそのままです;)


* {
color:#004 !important;
font-family: "Hiragino Mincho Pro" !important;
line-height: 200% !important;
}

*は全ての項目という意味です。
各スタイルの後ろについている!importantがユーザースタイルシートのキーワードです。
この語句がついている場合、優先表示されるのです。

ひとつ前の投稿は「onclickイベントを動的に追加する」です。
次の投稿は「デリミタを使用して文字列を変換する」です。

トラックバック

このエントリーのトラックバックURL:
http://www.xillion.net/mova/mt-tb.cgi/226

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

About

2008年01月03日 12:51に投稿されたエントリーのページです。

メインページアーカイブページも見てください。

Powered by
Movable Type 3.34