レイアウト
margin・・・margin-top,margin-right,margin-botto,margin-leftを設定する。
例) td { margin: 10px 20px 30px 40px; } |
margin-top・・・エレメントの上辺のマージン(余白)を指定する(pxや%,auto:自動)
例) td { margin-top: 10px; } |
|
margin-right・・・エレメントの右辺のマージン(余白)を指定する(pxや%,auto:自動)
例) td { margin-right: 10px; } |
|
margin-bottom・・・エレメントの下辺のマージン(余白)を指定する(pxや%,auto:自動)
例) td { margin-bottom: 10px; } |
|
margin-left・・・エレメントの左辺のマージン(余白)を指定する(pxや%,auto:自動)
例) td { margin-left: 10px; } |
|
padding・・・ padding-top, padding-bottom, padding-left, padding-rightを指定する。
例) td { padding: 10px 20px 30px 40px; } |
パディング・・・エレメントとそのマージンの間のスペース
padding-top・・・上辺のパディングを設定する(pxや%)
例) td { padding-top: 10px; } |
|
padding-right・・・右辺のパディングを設定する(pxや%)
例) td { padding-right: 10px; } |
|
padding-bottom・・・下辺のパディングを設定する(pxや%)
例) td { padding-bottom: 10px; } |
|
padding-left・・・左辺のパディングを設定する(pxや%)
例) td { padding-left: 10px; } |
|
|