スタイルシート

RO以外

はてなダイアリーの管理でスタイルシートを設定する時は，全角スペースを使わないようにしましょう．
IEは全角スペースも半角スペースも区別しませんが，FirefoxやOperaだと全角スペースをスペースとして認識してくれません．
以下，本日の日記では全角スペース「　」を「＿」に置き換えて表記します．


例えば

[]div.aa {[]
[]＿font-family: "ＭＳ Ｐゴシック";[]
[]}[]

と設定した場合，IEだと「font-family」プロパティを「"ＭＳ Ｐゴシック"」に設定しますが，FirefoxやOperaだと「＿font-family」プロパティを設定することになります．
変なプロパティを設定しても大丈夫なんですが，本来設定したかった「font-family」には何も設定されないので，想定したとおりに見栄えを変えることができません．

例1

[]div.aa {[]
[]＿font-family: "ＭＳ Ｐゴシック" !important;[]
[]＿font-size:12pt !important;[]
[]  line-height: 100%;[]
[]  white-space: nowrap;[]
[]}[]

これでは「font-family」と「font-size」プロパティを設定できません．

例2

[]＿div.AA{[]

[]＿color:000000;[]

[]＿font-family:"ＭＳ Ｐゴシック" !important;[]

[]＿font-size:12pt !important;[]

[]＿line-height:18px !important; }[]
「color」も「font-family」も「font-size」も「line-height」も設定できません．
それどころかセレクタが「＿div.AA」になってるのでdivタグのAAクラスを設定することすら出来てません．

Firefoxで見ると


芸術的になったり

縦長になったりします