Bricksのmarginとpaddingの設定方法

marginの設定・paddingの設定

目次(MENU)

Bricksのマージンとパディング設定方法

Bricksでは、すべてのウィジェットにマージンとパディングを設定できます。
ウィジェットを選択し、「スタイルタブ > レイアウト」で数値を入力します(下図参照)。

入力されていない箇所は、自動的に0として扱われます
また、単位を入力しなくても「px(ピクセル)」として認識されますので、毎回「px」を入力する必要はありません。

逆に言うと、px以外の単位を使う場合は明示的に入力する必要があります
さらに、数値だけでなく CSSの「auto」や「calc」などの値も入力可能 です。

設定済みの箇所には黄色のポッチ(ドット)が表示されます。
レイアウトアイコンの右側にも同様の印が付くため、設定を確認・見直す際の目印になります。

ブレークポイントを変更した場合

ブレークポイントを切り替えると、上位(優先)ブレークポイントの数値が引き継がれます
そのため、異なるデバイスサイズで個別に変更したい場合は、新しい数値を上書き入力する必要があります。

なお、上位ブレークポイントの数値を「削除」することはできません。
0に戻したい場合は「0」と入力してください。

ブレークポイントの詳細設定については、こちらの記事をご覧ください。

参考になった・役に立った:
お問い合わせはこちら

コメントして足跡を残す…

おススメの関連する記事:

ログインID/メールアドレス *
パスワード *
IDPWを保存する
ログインID/メールアドレス