はてなブックマーク

補足 このバグはbr要素に letter-spacing: 0; と指定することで回避できます。 <style type="text/css"> <!-- br.a { letter-spacing: 0; } --> </style> <p style="letter-spacing:1px; text-indent:0;"> AAA<br class="a" /> BBB<br class="a" /><br class="a" /> CCC </p>

clearプロパティによりフロートの後方へ置かれることを強制したボックスに上ボーダーを設置すると、そのボックスの上部に隙間が空くことがある。 clearプロパティを指定した要素の直前にフロートが存在しない場合、隙間は空かない。 clearプロパティを指定した要素の直前にフロートが存在する場合、上パディングに相当する位置に幅が1pxの隙間が空く。 clearプロパティを指定した要素の前方にフロートが1つだけ存在する場合、WinIE6.0互換モードとWinIE5.xでは、上パディング相当の隙間に加えて上マージンに相当する位置に、幅が約16pxの隙間が空く。 例示 <div style="float:left; width:90%; background:silver; margin:0;">↓</div> <div style="clear:left; background:aqua; bor

以下の条件群のいずれかに該当するとき、アンカーにマウスポインタ等を乗せて:hover状態にすると内側から3番目のボックスの高さが増加したり減少したりする。 条件群1 3重以上の入れ子ブロックになっている。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 最も内側のブロックに任意の上下マージンを設定している。 内側から2番目のブロックに背景とボーダーを設定している。 内側から3番目のブロックに任意の幅を設定している。 条件群2 3重以上の入れ子ブロックになっており、最も内側のブロックが複数存在する。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 内側から2番目のブロックに任意の上下マージンを設定している。 内側から2番目のブロックまたはそれより内側にある要素に背景を設定している。 内側から3番目のブロックに任意の幅を設定し

リストをセンタリングしたときにリストマーカーがセンタリングされない ul要素またはol要素をmargin-left, margin-rightの各プロパティでセンタリングし、li要素をtext-alignプロパティでセンタリングしたとき、リストマーカーだけが左端に寄せられたままになる。 Category: Internet Explorer, Mac Tag: li, text-align キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる font-sizeプロパティなどでフォントサイズを指定する際、mediumなどのキーワードを使用すると、標準モードで表示したときと互換モードで表示したときとでは文字サイズが変わる。 Category: Internet Explorer, Mac Tag: font-size, 互換モード, 標準モード インラインフレームにz

ブロック要素を含むインライン要素の右ボーダーが表示されない ブロックレベル要素を子要素として持つインラインレベル要素では、ブロックレベル要素直前の右ボーダーが表示されない。 Category: Mac, Safari, ver.3 Under Tag: border z-indexを負の数にしたリンクを選択できない ポジショニングした祖先要素を持たないa要素のz-indexプロパティに負の値を指定すると、そのリンクをマウスなどのクリックによって辿ることができなくなる。 Category: Mac, Safari, ver.3 Under Tag: z-index, 負数 擬似要素の文字列を拡大縮小できない 擬似要素の文字列は、ブラウザの文字列拡大縮小機能を用いて文字サイズを変更することができない。 Category: Mac, Safari, ver.3 Under Tag: 擬似要素 f