CATEGORY CSS

ノーマライズCSSという名の、各要素のマージン・パディング・フォントサイズを復活させる指定

サイト構築の際、各要素のマージンやパディングを打ち消す、いわゆる『リセットCSS』を準備するケースが多いです。 しかしながら、ブラウザが本来持っている良いスタイルまで消すのはどうだろうか、と言うことで、近年『ノーマライズ…

dl要素でテーブルのような見た目を表現する

dl要素(定義リスト)は語句・内容と対応するため、色々な場面で応用できます。新着情報とか、フォームとか。 このdl要素をテーブルの見た目のように扱うCSSです。サンプルファイルも用意しています。

メニューリストを横並びさせてボーダーで区切る

リスト要素をfloatで横並びにした際、「|」などで区切るケースも多いと思います。ただし、テキストで|を入れてしまうと、装飾のための文字としての扱いのため、なんとなく気持ち悪い感じ。こんな時はborderプロパティを使用…