CSS(スタイルシート)のテクニックとトピックのまとめ

『 cssリロードするやつ。あとでみてみよっと/みてみた。linkタグのhrefの指定を、dateつかった引数つけてよみなおしちゃう/スマートなかきかたの参考になった→「s.href=h+（h.indexOf（'?'）>=0?'&':'?'）+'forceReload='+（newDat... 』

IEには独自拡張のCSSでフィルターが使えます。こいつは便利なやつで半透明化やらグラデーションやら色々出来るのですが、なんだかんだ言っても独自拡張。互換性がありません。 しかし、アルファ値に限って言えばは他のブラウザでも独自拡張にて実装されているのでクロスブラウザ化することが出来ます。（クロスブラ...

PhpMyBorderPhpMyBorderを使えば簡単に角丸の枠を作ることが可能。CSSで角丸を実現するのはやや面倒だったりしますが、このツールがあれば容易に実現できますね。角丸用の画像を用意する必要もありません。枠線、背景色の設定もWEB上で簡単にできます。

CSSで2カラムなどの段組レイアウトをやろうとすると、ブログではページ（表示モード）によって左右の段（カラム）の高さが変わるため、なかなか思ったようなレイアウトができません。 たとえば以下のような「典型的」な（しかし実は難しい）レイアウトを実現したいとします。 cfdn_06 hananeko 上...

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する...

『 CSSプロパティとJavascriptのスタイル属性との名前対応表。命名規則の違いで，ハイフン繋ぎがCamelCaseになったり，その他すこし違う部分もある。最後にはブラウザ毎の使い方（Javascriptソースコード）もあり。 』

FC2ブログ時代に書いたものだけれど、需要があるみたいなので転載。 [Web制作板] CSS Tips コレクションで便利なCSS Tipsを発見した。他にも使えそうなTipsをブックマークしておく。 段組 CSSによる段組（マルチカラム）レイアウト講座 信頼できる段組レイアウト講座。IEやその他...

かなりヤバめなXSS的攻撃方法が見つかりました。詳細は以下のリンク先をご覧下さい。 文字コード（SJIS）とHTMLエンコードとCross-Site Scriptingの微妙な関係 文字コードとHTMLエンコードとCross-Site Scriptingの微妙な関係 (EUCの場合、UTF-8の場...