横並びのボックスの高さを揃える。tableなら出来るけど、divやliなどで組んでいる横並びのボックスの高さを揃える場合、それもheight固定でなく要素の中身に応じて可変とする場合、長らく「heig...

表現力が豊かになってきたCSS、SEOを考慮してもなるべくHTML+CSSで出来る表現はしていきたいところですよね。今回はテキストにドロップシャドウの効果を付与できる「text-shadow」について...

サイトを制作していると、文字数に悩まされることが多々あります。文字数が想定より長くなって一定の横幅を超えた際、通常なら改行して折り返し、という表示になりますが、1行に収めたい時もありますよね。とはいえ...

昔は主にレイアウトを整える役割というイメージが強かったCSSですが、近年はアニメーションさせる事も出来るようになったり、表現の幅が広がってきていますよね。 表現の一つとしてよく使用するのが、透明...

レイアウトを組む時、特に横幅可変やレスポンシブ対応の際に横幅や余白の計算は不可欠ですね。例えば横幅いっぱいに伸ばしたいけど50pxだけ余白を残したい時。「親のdivにpadding指定して、子の要素は...

  • 1
  • 2