• 文字サイズ
  • 文字サイズ[小]
  • 文字サイズ[中]
  • 文字サイズ[大]

その他の指定

パディング(内余白)指定

パディング(内側余白)とは。
左図のように対象の外枠から内容までの上下左右の余白です。
指定は上下左右個別に指定することができます。
[ 図1 ] 要素の内側余白(パディング)
■パディング指定の種類
0pixel~100pixelの間で5ピクセル単位で用意しております。

個別指定
[上図内(1)] 左端までの余白<pdl0~100>
[上図内(2)] 右端までの余白<pdr0~100>
[上図内(3)] 上端までの余白<pdt0~100>
[上図内(4)] 下端までの余白<pdb0~100>

一括指定
[全方向一括] 上下左右要素までの余白<pdg0~100>
[上下一括] 上下要素までの余白<pgtb0~100>
[左右一括] 左右要素までの余白<pdlr0~100>

使い方

■(1)段落(ボックス)で使用する

この段落には「エンジの背景色」と「左に100pixel・上下に30pixelの外側余白」、さらに「20pixelの内側余白」が指定されています。

coreblobook(コアブロブック)とは?「ページをめくりながら読む」という本の持つインターフェースを採用した、デジタルドキュメントを、画像を登録するという簡単な操作だけで作成できてしまう、WEBサーバー上で動作するWEBアプリケーションソフトウェアです。印刷物をスキャニングしたデータや印刷データを元に簡単に電子カタログを制作する事ができます。

※さらに幅や高さも指定することできます。
この段落の記述

<p class="bg_en02 mgl100 mgtb30 pdg30">
<strong>
この段落には「エンジの背景色」と「左に100pixel・上下に30pixelの外側余白」、さらに「20pixelの内側余白」が指定されています。</strong><br>
coreblobook(コアブロブック)とは?<br>
「ページをめくりながら読む」という本の持つインターフェースを採用した、デジタルドキュメントを、画像を登録するという簡単な操作だけで作成できてしまう、WEBサーバー上で動作するWEBアプリケーションソフトウェアです。 印刷物をスキャニングしたデータや印刷データを元に簡単に電子カタログを制作する事ができます。
</p>

以下の指定を組み合わせています。
※bg_en02 = エンジの背景色
※mgl100 = 左に100pixelのマージン
※mgtb30 = 上下に30pixelのマージン
※pdg30 = 内側余白30pixel

list page page top