W3.CSSパディング
w3-パディング-大
上下に12ピクセル、左右に24ピクセルのパディングがあります。
W3.CSSパディング番号クラス
w3-padding- numberクラスは、任意のHTML要素に上部と下部のパディングを追加します。
クラス | 定義 |
---|---|
w3-パディング-16 | 要素に16pxの上下のパディングを追加します |
w3-パディング-24 | 要素に24pxの上下のパディングを追加します |
w3-パディング-32 | 要素に32pxの上下のパディングを追加します |
w3-パディング-48 | 要素に48pxの上下のパディングを追加します |
w3-パディング-64 | 要素に64pxの上下のパディングを追加します |
例:
w3-パディング-16
上下に16pxのパディングがあります
w3-パディング-24
上下に24pxのパディングがあります
w3-パディング-32
上下に32pxのパディングがあります
w3-パディング-48
上下に48pxのパディングがあります
w3-パディング-64
上下に64pxのパディングがあります
例
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
W3.CSSパディングサイズクラス
w3-padding- sizeクラスは、任意のHTML要素に上、下、右、および左のパディングを追加します。
クラス | 定義 |
---|---|
w3-パディング | 上下に8ピクセル、左右に16ピクセルのパディングを追加します |
w3-パディング-小さい | 上下に4ピクセル、左右に8ピクセルのパディングを追加します |
w3-パディング-大 | 上下に12ピクセル、左右に24ピクセルのパディングを追加します |
例:
w3-パディング-小さい
上下に4ピクセル、左右に8ピクセルのパディングがあります。
w3-パディング
上下に8ピクセル、左右に16ピクセルのパディングがあります。
w3-パディング-大
上下に12ピクセル、左右に24ピクセルのパディングがあります。
例
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>