margin: ★;

CSS 126p

レイアウト文字や文章を表示したりする場合の内容の領域を設定するものです。
余白などをとり見栄えをよくするために表示する領域を指定できます。
tableなどtext-alignで位置の指定ができない要素に使用します。
値は次の3つのどれかを入れます 。

  • 実数値+単位
    数値に単位を付けて指定します。
  • パーセント値

  • auto
    自動的に調整されます。
    tableなどを中央に寄せることが多いので、
    授業ではこのautoが使われていることが多いです。
 例  CSS
table {
margin: auto;
}
XHTML
<table border="1" cellpadding="5" cellspacing="0">
<tr>
<td>
おはようございます。
<⁄td>
<td>
こんにちは。
<⁄td>
<⁄tr>
<tr>
<td>
こんばんは。
<⁄td>
<td>
おやすみなさい。
<⁄td>
<⁄tr>
<⁄table>

こんのようにするとtableが中央になるはずです。
ここをクリック!

トップに戻る