iStudio 2|21 ロゴ

Extra

ネットコンテンツTips

CSS スタイルシート雑技

<table> によるレイアウトは便利だし安定していますが、そろそろ CSS での表現にウエイトを置いても良いのではないだろうか。という事で、備忘録も兼ね、スタイルシートの色々な表現方法をまとめてみました。

CSS で段組みレイアウトを作る
float と width を使うと思い通りに
ボックスがセンタリングしたレイアウトを作る
margin-left と margin-right を有効に使う
Safari で和文フォントを指定する方法
'Hiragino Kaku Gothic Pro'のように英文で記述すればOK
before、after はかなり便利
余分な装飾は入れたくない、けれどそれでは寂しい!という人に
Safari で before、after に日本語を使いたい
Unicode の区点コードで記述すればOK
画像を使わずボタンのようなリンクを作る (1)
border を使うと良い感じに
overflow: auto を使用したグラビア的ページ作り
背景画像と overflow を上手に使ってグラビア的なページに
IE 6.x for Win の float による非表示バグ回避法
親要素の幅を指定してあげれば解決!
ナビゲーション用メニューを改行させない
white-space: nowrap の変わった(?)使い方
画像を使わずボタンのようなリンクを作る (2)
ブロック要素全体にアンカーを適用する