余白を入れたい位置 |
説明 |
margin:値;
padding:値;
|
値が1個の場合、上下左右 全ての余白が入ります。 |
margin:値1 値2;
padding:値1 値2;
|
値1が上下、値2が左右の余白です。 |
margin:値1 値2 値3;
padding:値1 値2 値3;
|
値1が上、値2が左右、値3が下の余白です。 |
margin:値1 値2 値3 値4;
padding:値1 値2 値3 値4;
|
値1が上、値2が右、値3が下、値4が左の余白です。 |
margin-top:値;
|
ulやolに指定した場合
リスト全体の外側の上の間隔を調整します。
|
liに指定した場合
リスト項目の上の間隔を調整します。
|
padding-top:値;
|
ulやolに指定した場合
リスト全体の内側の上の間隔を調整します。
|
liに指定した場合
リスト項目の上の間隔を調整します。
|
margin-bottom:値;
|
ulやolに指定した場合
リスト全体の外側の下の間隔を調整します。
|
liに指定した場合
リスト項目の下の間隔を調整します。
|
padding-bottom:値;
|
ulやolに指定した場合
リスト全体の内側の下の間隔を調整します。
|
liに指定した場合
リスト項目の下の間隔を調整します。
|
margin-left:値; |
ulやolに指定した場合
リスト全体の外側の左の間隔を調整します。
|
liに指定した場合
リストマークの外側の左の間隔を調整します。 (インデント)
|
padding-left:値; |
ulやolに指定した場合
リスト全体の内側の左の間隔を調整します。
|
liに指定した場合
リストマークとテキストの間隔を調整します。
|