前の記事 ≪:2008年3月13日 管理人のブックマーク
次の記事 ≫:女性の写真をイラスト風にしてしまうPhotoShopチュートリアル

プレミアムな1ラインCSSテクニックx8

2008年03月14日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
8 Premium One Line Css Tips | Css Globe
The best solutions are often the simplest. Here's a list of 8 tips that contain only one css property.

プレミアムな1ラインCSSテクニックx8が紹介されていました。
プレミアムかどうかは分かりませんが、いくつか紹介。

  1. 垂直方向の中央寄せ
    line-height:24px;
    デモページ
  2. はみ出したコンテンツを非表示に.
    #main{overflow:hidden;}
    これはみんな知ってそうですね
  3. Firefoxで常にスクロールバーを表示
    html{overflow:-moz-scrollbars-vertical;}
    スクロールバーの表示/非表示によって横幅が若干変わるのが嫌な場合、この指定でスクロールバー常に表示できる
  4. ブロックエレメントのセンタリング
    margin:0 auto;
    これも結構基本ですね
  5. IEでtextareaの垂直スクロールバー削除
    textarea{ overflow:auto; }

    全部見る

CSSは本当に奥が深いですね。

CSSテクニック関連エントリ

関連の記事検索:CSS, チュートリアル, css
スポンサード リンク

By.KJ : 2008年03月14日 07:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)