Agile育成ブログ
未来を変える喜びを
tailwindcss

tailwindcssチートシート解説(Spacing)


Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

Add padding to a single side

要素の片側に余白を設定

ClassProperties
p-0padding: 0px;

Add horizontal padding

水平方向に余白を設定

Add vertical padding

Add padding to all sides

要素の内側の四方に余白を設定

Margin

classProperties
m-0margin: 0px;
m-pxmargin: 1px;

Add margin to a single side

Add horizontal margin

Add vertical margin


Add margin to all sides

要素の外側の四方に

Negative margins

Space Between

Add horizontal space between children

Add vertical space between children

Reversing children order

classProperties
.space-y-0 > * + *margin-top: 0;
.space-x-0 > * + *margin-left: 0;

You cannot copy content of this page