いろいろうまくできだすと、細かいレイアウトまで気になってきますｗ
HTMLでどこまでできるのでしょうｗ
文字や画像の周囲に余白を作る
|
<div style="margin:【余白】">【文字や画像】
</div>
|
ピクセルで指定します。
余白は「margin」の代わりに以下のタグを使って、上辺、下辺、左辺、右辺を別々に指定することもできます。
|
上辺
|
margin-top
|
左辺
|
margin-left
| |
下辺
|
margin-bottom
|
右辺
|
margin-right
|
または、「margin」で半角スペースをあけて4つ並べると、「【上辺】 【右辺】 【下辺】 【左辺】」の順に指定できます。
ただ、「指定しない」のと「0」は別なので、必要なら使い分けて下さい。
周囲に余白を作るのではなく、「ここにこれだけの余白が欲しい」というときには、以下のように使います。
<div style="margin-○:【余白】"></div>
ページ全体の周囲に余白を作る
<body>内に以下のタグを追加します。
2か所に同じ数字で入れます。
|
style="margin:【余白】;padding:【余白】"
|
余白は、上のタグを同じように上下左右を別々に指定することもできます。
|
上辺
|
margin-top:○;padding-top:○
|
左辺
|
margin-left:○;padding-left:○
| |
下辺
|
margin-bottom:○;padding-bottom:○
|
右辺
|
margin-right:○;padding-right:○
|
または、「margin」で半角スペースをあけて4つ並べると、「【上辺】 【右辺】 【下辺】 【左辺】」の順に指定できます。
ただ、「指定しない」のと「0」は別なので、必要なら使い分けて下さい。
※「margin」と「padding」のふたつで指定するのは、ページ全体の余白の設定がブラウザによって「margin」で設定してあるものと、
「padding」で設定してあるものがあるためです。
IE、Firefox、Sleipnirが「margin」指定、Operaは「padding」指定です。
行間
</title>〜</head>に以下のタグを入れます。
<style type="text/css">
<--
body,td{line-height:【行間】}
-->
</style>
|
デフォルトは1.3？1のとき行間なくぴったりくっつく？
「HTMLタグ」のトップに戻る
|
|
|
