CSSでボックスの幅や余白などを設定する

名前：スタイルシート (民意： 6 )

１．ボックス間の間隔を設定する。
margin: 間隔;
間隔は、pxなどで指定します
その他、以下のように上下左右個別に指定することも可能です。
margin-top: 5px; /*上の間隔を５ピクセルで指定*/
margin-right: 5px; /*右の間隔を５ピクセルで指定*/
margin-bottom: 5px; /*下の間隔を５ピクセルで指定*/
margin-left: 5px; /*左の間隔を５ピクセルで指定*/

２．ボックスの余白を設定する。
padding: 余白;
余白は、pxなどで指定します。
その他、以下のように上下左右個別に指定することも可能です。
padding-top: 5px; /*上の余白を５ピクセルで指定*/
padding-right: 5px; /*右の余白を５ピクセルで指定*/
padding-bottom: 5px; /*下の余白を５ピクセルで指定*/
padding-left: 5px; /*左の余白を５ピクセルで指定*/

３．回り込み指定。
float: 位置;
ボックスを回り込ませる位置を、left、
rightで指定します。

４．回り込みの解除。
clear:位置;
解除する位置を、left、right、both(両方)のいずれかで指定します。

５．ボックスの幅を指定する
width: 幅;
幅は、pxなどで指定します。

６．ボックスの高さを指定する
height: 高さ;
高さはpxなどで指定します。

これらの指定は<div>、<p>、<table>、<a>、<img>などあらゆるタグで利用できます。

4票 0票

1970/01/01(木)09:33

こんな掲示板を無料で作ってみたい方はこちら