パディング
要素とそのコンテンツの間に間隔を追加するためのユーティリティクラスのコレクションです。
使い方
このコンポーネントを適用するには、次のいずれかのクラスをブロック要素に追加します。
| クラス | 説明 |
|---|---|
.uk-padding |
要素にデフォルトのパディングを追加します。 |
.uk-padding-small |
要素に小さいパディングを追加します。 |
.uk-padding-large |
要素に大きいパディングを追加します。 |
<div class="uk-padding"></div>- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div class="uk-padding uk-background-muted uk-width-1-2@s"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
パディングの削除
場合によっては、要素にパディングを追加するのではなく、削除したい場合があります。そうするには、次のいずれかのクラスを適用します。
| クラス | 説明 |
|---|---|
.uk-padding-remove |
要素からすべてのパディングを削除します。 |
.uk-padding-remove-top |
要素から上部のパディングを削除します。 |
.uk-padding-remove-bottom |
要素から下部のパディングを削除します。 |
.uk-padding-remove-left |
要素から左側のパディングを削除します。 |
.uk-padding-remove-right |
要素から右側のパディングを削除します。 |
.uk-padding-remove-vertical |
要素から上部と下部のパディングを削除します。 |
.uk-padding-remove-horizontal |
要素から左側と右側のパディングを削除します。 |