Written by
watanabe
横並びのリストタグの高さを揃える
CSSだけで横並びのリストタグの高さを揃える方法をご紹介いたします。 リストタグの横並びは「float」プロパティが思い浮かぶと思います。ここでは横並びに関しては、「display: inline-block;」を使用します。 2行目の「display: inline-block;」で横並びにし、4行目の「vertical-align: top; 」でli要素を上端揃えにします...
HOME > 開発者向けBLOG
Written by
watanabe
CSSだけで横並びのリストタグの高さを揃える方法をご紹介いたします。 リストタグの横並びは「float」プロパティが思い浮かぶと思います。ここでは横並びに関しては、「display: inline-block;」を使用します。 2行目の「display: inline-block;」で横並びにし、4行目の「vertical-align: top; 」でli要素を上端揃えにします...
Written by
watanabe
CSS Expressionでmax-width、max-heightをIE6で使用する方法をご紹介いたします。 CSS ExpressionはCSS内にJavaScriptを記述できるCSSの拡張機能です。 プロパティの値にダイナミック・プロパティを書き入れてスクリプトを記述することがきます。 2行目から3行目はIE6以外のブラウザ、7行目から8行目はIE6用のプロパティです...
Written by
watanabe
Written by
watanabe
Written by
watanabe
CSSだけで全体を上下中央に表示する方法をご紹介いたします。 全体のdivに「position: absolute;」で絶対位置の指定をし、topとbottomに「50%」、マージンでは幅と高さの半分の値をマイナス指定します。もしこの時、パディングの指定がある場合は、パディングの領域も含めた値を指定します。 1 2 3 4 5 6 7 8 9 div.container ...
