《Program sheet》
======================================================================
<html>
<head>
<title>background-position</title>
<style type="text/css">
body{
background-image:url("tateda3.gif");
background-repeat:no-repeat;
background-position:right;
}
</style>
</head>
<body>
<h3>●２－７文字・背景の書式設定●</h3>
ＨＴＭＬ構文では、実現できなかった文字への縄掛け、また、背景画像に対しての細かい
設定がスタイルシートで設定することができるようになりました。
<h3>★背景画像の位置設定｛background-position:横位置 縦位置；｝★</h3>
背景画像の位置を設定します。。
<h3>①縦横位置（基準はウィンドウの左上）</h3>
単位（mm,cm,in,pt,pc,em,px）付の数値パーセント（％）
<h3>②横位置</h3>
left(左)･center(中央)･right(右)
<h3>③縦位置</h3>
top(上)･center(中央)･bottom(下)

<h3>＜style type="text/css"＞</h3>
<h3>body{
background-image:url("tateda3.gif");
background-repeat:no-repeat;
background-position:right;
}</h3>
<h3>＜/style＞</h3>
<h3></h3>
HTMLだけではホームページは作れません。といったら多くの人は驚くのではないでしょうか？
より詳しく言うならばHTMLだけでは魅力的なホームページは作れないというべきかもしれません。
画像の表示におけるデザインはスタイルシートで設定していくというのが、
これからのページ作成のやり方なのです。
ホームページには２つの要素があります。
それは見た目と論理です。論理の部分を受け持つのがHTMLであるならば、
スタイルシートは見た目の部分を構築するためのツールなのです。
スタイルシートはその意義がデザインに特化しているため、
ページだけでなくサイト全体をいかに見栄えよくするかという面でHTM凌駕するものがあります。
</body>
</html>

2007.07.26 tateda-yoshio