目次　スタイルシート　プロパティ一覧　［ 戻る ］

このページのBODY要素のCSS記述です。

body { background : #fff               /* 背景色　白       */
                    url( haikei.png )  /* 背景画像指定     */
                    fixed              /* 背景画像固定     */
                    50%                /* 表示位置 X 50%   */
                    repeat-y         ; /* 縦方向に敷き詰め */
       color      : #000             ; /* 表示色　黒       */
     }

このCSS記述は、

body { background-color      : #fff;             ; /* 背景色　白       */
       background-image      : url( haikei.png ) ; /* 背景画像指定     */
       background-attachment : fixed             ; /* 背景画像固定     */
       background-position   : 50%               ; /* 表示位置 X 50%   */
       background-repeat     : repeat-y          ; /* 縦方向に敷き詰め */
       color                 : #000              ; /* 表示色　黒       */
     }

と、等価です。

この指定で、表示可能画面の最左を 0%、最右を 100% とし、背景画像の左から 50% と、表示可能画面の左から 50% を一致させて縦一列に表示させます。

［ 戻る ］