『レイアウト』タブの操作の仕方

スタイルシートマネージャの
【レイアウトタブ】使い方です。

レイアウトタブでは、
・マージン
・ボーダー
・パッディング
の設定が行えます。


bl_ss3_1.gif

これらは、本当によく使う物です。
また、組み合わせて、使うことも多いです。

・マージンは、外側の余白で
・パッディングは、内側の余白
・ボーダーは、線を引くものです。

bl_ss3_2.gif

操作のポイントは、どこの箇所に、設定をしているか?
と、いう事だけです。

上の画像の4方向とも同じ値は、
上・下・左・右とも、同じ値を入力する時に使います。
(私は、殆ど、使いません。)

それ以外は、全て、1つ1つ、左、上と選択をしてから、
マージンなり、ボーダーなりの値を入力していきます。

下の画像は、上方向を選択しているのもです。
をプルダウンでも選択出来ますが、
緑の枠のところをピコっと押すと、上を選択出来ます。
ワンクリックなので、こちらを使った方が、楽です。

bl_ss3_3.gif

次は、値の入力についての、注意事項です。

bl_ss3_4.gif

マージンボーダーは、最初の単位が予約語となっています。
この状態で、数値を入力しても、反映されません。
をプルダウンして、単位を選んでから、数値を入れてください。
私は、ほとんど、px(ピクセル)を使います。

ボーダーの使い方 ↓↓↓ちょっと実践します。

bl_ss3_5.gif

4方向とも同じ値

は、3ピクセルを選択。幅とは、線の太さのことです。

スタイルは、点線を選択

その下のは。赤(#ff0000)を選びました。

そして、パッディングは、20ピクセルとします。

bl_ss3_6.gif

これで、出来あがった画面は、こちら、です。

One Thought on “『レイアウト』タブの操作の仕方

  1. まとめteみた.【『レイアウ』タブの操作の仕方】

    ここレイアウトタブでは、・マージン・ボーダー・パッディングという物の設定をします。これらは、本当によく使う物です。また、組み合わせて、使うことも多いです。・マージンは、…

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Post Navigation