CSS3のbox-shadowを使ってdiv要素に影をつけ、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートを紹介します。 8 ...

box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけてみます。 仕上がりはこんな感じ。

CSSのbox-sizingとは？意味・効果・実践テクニックを徹底解説！ 1. はじめに：なぜ「box-sizing」は重要なのか？ Webページのレイアウト設計で「幅（width）や高さ（height）」を指定するとき、意外と意図しないサイズになることがありませんか？ これはCSSの ...

ボックスモデルの構成（コンテンツ、パディング、ボーダー、マージン） CSSのボックスモデルは、HTMLの全ての要素を長方形のボックスとして扱う概念です。 このモデルは以下の4つの領域で構成されています： コンテンツ領域 コンテンツ領域は、要素の ...

CSSのoverflowでボックスにスクロールバーを表示する方法(2ページ目) スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報 ...