NO.58 背景③

背景画像に関する設定の続き・背景全体の設定です。
設定値はW3Cのをそのまま持ってくるようにしましたが、何か足りてない気がします・・
特殊な設定値はCSSそのものの規格に含まれてなかったりするのかな？？

background-position
背景画像の表示位置を設定します。(横位置縦位置をスペースで区切って指定)
単体で%指定をすると、縦横両方に反映されるみたいです。
Value: [<percentage>(位置を%指定) | <length>(位置をピクセル指定)]{1,2} | [top | center | bottom] || [left | center | right]

<style type="text/css">
<!--
body{
background-image:url(temp/iruka.png);
background-repeat:no-repeat;
background-position:50% 70%;}     /*ページ横に50%、縦に70%の位置に背景画像を表示する。*/
-->
</style>

background
背景に関する設定を一気にまとめて行います。順番は特に関係無いようです。
Value: <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position>

<style type="text/css">
<!--
body{background:red url(temp/iruka.png) no-repeat 50% fixed;}
-->
</style>

上記の内容を応用
◆HEAD内の記述 <style type="text/css">  </style>
◆BODY内の記述 none
◆実行例

ページ全体を参照

前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送