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

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

body { background : #fff                /* 背景色　白     */
                    url( haikei.png )   /* 背景画像指定   */
                    no-repeat           /* 敷き詰め無し   */
                    fixed               /* 背景画像固定   */
                    10% 70%           ; /* 表示位置 X% Y% */
       color      : #000              ; /* 表示色　黒     */
     }

このCSS記述は、

body { background-color      : #fff              ; /* 背景色　白     */
       background-image      : url( haikei.png ) ; /* 背景画像指定   */
       background-repeat     : no-repeat         ; /* 敷き詰め無し   */
       background-attachment : fixed             ; /* 背景画像固定   */
       background-position   : 10% 70%           ; /* 表示位置 X% Y% */
       color                 : #000              ; /* 表示色　黒     */
     }

と、等価です。

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

［ 戻る ］