ニュース

`background-position: center;`というCSSプロパティは、要素の背景画像の位置を指定するために使用されます。この場合、「center」は背景画像を要素の中央に配置することを意味します。つまり、画像の中心が要素の中心に合わせられ、水平方向と垂直方向の両方で ...
「background-position」,background-imageで指定した背景画像の表示位置を指定できる。 表示位置は,要素のPadding領域の左上を基準にして横,縦方向にピクセル数(px)で指定する。すると指定した位置に画像の左上を合わせて表示される。例えば,横100px,縦50pxの ...
【CSS入門】背景画像の位置を決める「background-position」の使い方 Webデザインで背景画像を使うとき、 「画像の位置を好きな場所に移動させたい」と思ったことはありませんか? そんなときに活躍するのが **background-position**というプロパティです。 まず ...
短いCSSを書くだけで要素を特定の位置に固定できるCSSの「position: sticky」。ちょっとした工夫で実現できるおもしろい使い方をデモで解説します。 スクロールに応じてページ要素を固定表示できるposition: stickyが便利で面白い使い方ができそうなので実験して ...