KLUTCHE

複数行にも対応!CSS を使ってはみ出した文字を「・・・」で省略する方法

multilineEllipsis

範囲内に収まらない文字を「・・・」で省略する方法です。
使うのは CSS のみで、各ブラウザにも対応しています。
続きを読む

【CSS】max-width を IE でも使う方法

maxwidth

画像を一定サイズ内に収めて表示する超便利なCSS「max-width」「max-height」。
IE6・IE7 では使うことができませんが、少しCSSを細工してやればできるんです!
続きを読む

【CSS】IE7の野郎でoverflow:auto内のposition:relative要素がはみ出るバグの対処法

IE7

IE7では、overflow:auto でスクロールバーを使う要素内に、position:relative を指定した要素が内包されていると、スクロールが効かない上に親要素からはみ出して表示されるというバグがあります。

続きを読む

【CSS】hrをCSSでオシャレにスタイリングする方法

仕切り線を入れたいけど無粋な線は嫌なものです。
CSSでちょこっと飾り付けをしてデザインのアクセントを付けてみます。
hr要素はセマンティックなサイト構築の観点からも有用ですので、オシャレさせて送り込んであげましょう。

続きを読む

【CSS】WEBにおける文字サイズのポイント指定とピクセル指定の違い

cssで出文字サイズを指定する時、単位にpxとptが使えます。
どちらを使った方が良いのでしょう。
そもそもpxとptの違いってなんでしょう。

続きを読む