blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

シンプルだけど便利なCSSプロパティー5

Pocket

シンプルだけど便利なCSSプロパティー5 WebDesignerWallで、シンプルだけど便利なCSSプロパティーが紹介されています。 ざっとご紹介しますね。
  • CSS Clip
    画像にレクタングルのマスクをかける
  • Min-height
    高さの最小値を指定する「min-height」。コンテンツの高さがサイドバーよりも低いときなどに。IE6に対応させるハックもある
  • White-space
    「white-space:nowrap」を使って、アルファベットが途中で切れてしまうときに改行させる
  • Cursor
    ボタンがDisabledになったときに「cursor:default;」を指定してクリッカブルでないことを明示する
  • Display inline / block
    displayプロパティーを使って、ブロックレベル要素をインライン要素に。その逆もあり
復習がてらに一度見てみてください。 5 Simple, But Useful CSS Properties 新しいマシンをいじっています。Windows7かな。結構インターフェースが気持ちいい。