WebDesignerWallで、シンプルだけど便利なCSSプロパティーが紹介されています。
ざっとご紹介しますね。
- CSS Clip
画像にレクタングルのマスクをかける - Min-height
高さの最小値を指定する「min-height」。コンテンツの高さがサイドバーよりも低いときなどに。IE6に対応させるハックもある - White-space
「white-space:nowrap」を使って、アルファベットが途中で切れてしまうときに改行させる - Cursor
ボタンがDisabledになったときに「cursor:default;」を指定してクリッカブルでないことを明示する - Display inline / block
displayプロパティーを使って、ブロックレベル要素をインライン要素に。その逆もあり
復習がてらに一度見てみてください。
Editor's Note
新しいマシンをいじっています。Windows7かな。結構インターフェースが気持ちいい。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
