|
パディング(内側余白)とは。
左図のように対象の外枠から内容までの上下左右の余白です。
指定は上下左右個別に指定することができます。 |
[ 図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