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

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

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

このCSS記述は、

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

と、等価です。

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

［ 戻る ］