色・背景

「background-attachment」プロパティ

「background-attachment」プロパティは、背景画像の固定表示を指定するCSSプロパティです。
背景は要素自身に対する相対位置で固定され、内容と共にスクロールしないか、背景はビューポートに対する相対位置で固定するかを設定することができます。

「background-attachment」プロパティの値

背景画像の固定表示を指定する値は「scroll」「fixed」「local」などの値を指定することができます。
また、「background-attachment」プロパティと同時に設定が出来るプロパティの種類がいくつかあります。

【プロパティの種類】
・background-color
・background-image
・background-size
・background-repeat
・background-position
・background-attachment
・background-clip
・background-origin

「background-attachment」プロパティの指定方法

背景画像の固定表示を指定する場合は、「background-attachment」プロパティを使い適応する値を指定することで実装できます。

「background-attachment」プロパティ
セレクタ{
background-attachment;背景画像の固定表示;
}
値例
/* 基本値 */
background-attachment: scroll;/* 背景は要素自身に対する相対位置で固定 */
background-attachment: fixed;/* 背景はビューポートに対する相対位置で固定 */
表示例
背景は要素自身に対する相対位置で固定(scroll)
背景は要素自身に対する相対位置で固定(scroll)
背景は要素自身に対する相対位置で固定(scroll)
背景は要素自身に対する相対位置で固定(scroll)
背景は要素自身に対する相対位置で固定(scroll)
背景は要素自身に対する相対位置で固定(scroll)
背景は要素自身に対する相対位置で固定(scroll)
背景は要素自身に対する相対位置で固定(scroll)
背景はビューポートに対する相対位置で固定(fixed)
背景はビューポートに対する相対位置で固定(fixed)
背景はビューポートに対する相対位置で固定(fixed)
背景はビューポートに対する相対位置で固定(fixed)
背景はビューポートに対する相対位置で固定(fixed)
背景はビューポートに対する相対位置で固定(fixed)
背景はビューポートに対する相対位置で固定(fixed)
背景はビューポートに対する相対位置で固定(fixed)