Widgetの余白を無くしたり、増やしたりしたい
以下のコードをCSSで無くしたり・増やしたりすることで余白を増やしたり、無くしたりすることができます。
この記述を使用する際は、該当箇所のセレクタを指定してください。
![](https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7636fbf6-2509-40de-b779-87e68d793e12%2FUntitled.png&blockId=4feb0d78-aafb-485a-b0af-34a866483cc9)
![](https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F358254a4-183e-4178-82c4-f91b37a8e0ec%2FUntitled.png&blockId=47ec4693-5979-42a4-95b6-4de761e234fa)
全方向(上・右・下・左)に余白を追加したい場合
- 外側の余白を追加したい
margin: 〇〇px;
- 内側の余白を追加したい
padding: 〇〇px;
一定方向のみに余白を追加したい場合
- 外側の余白を追加したい (↓ 上・左・右・下 方向に余白ができます)
margin-top: 〇〇px; margin-left: 〇〇px; margin-right: 〇〇px; margin-bottom: 〇〇px;
- 上下・左右に余白を追加したい
margin: 〇〇px 〇〇px;