余白を設定するCSS（スタイルシート）

ここでは、 余白を設定するCSS（スタイルシート） に関する記事を紹介しています。
無料ブログ テンプレート カスタマイズ TOP
category ： スタイルシート （CSS）  |  タグ ： スタイルシート, CSS,

余白を設定するCSS（スタイルシート）

2006/12/20(水)
◎ 余白の設定：padding（パディング） & margin（マージン）

余白を設定するスタイルシート（CSS）として、「margin」と「padding」があります。

margin
（マージン）
サンプル
margin:10px
■ margin（マージン）について
「margin」は、コンテンツの外側の余白を設定するCSSです。
・数値＋単位で指定 ：（em, ex, pt, px）など
・数値＋％で指定 ：ひとつ外側のボックスに対する割合
・auto ：自動調整（プラウザの設定に依存）
　※マイナス指定可能

padding
（パディング）
サンプル
padding:10px
■ padding（パディング）について
「padding」は、コンテンツの内側の余白を設定するCSSです。
・数値＋単位で指定 ：（em, ex, pt, px）など
・数値＋％で指定 ：ひとつ外側のボックスに対する割合
　※マージンと異なりマイナス指定はできない

　※余白を利用することで、任意の位置にコンテンツを配置させることができます。
上部スペース（50px）
下部スペース（20px）
左側スペース（100px）
margin:50px 0px 20px 100px;


記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

さすが!と言わせる FC2ブログ徹底攻略術
HTML&スタイルシート レイアウトブック

　 ブログ＆ホームページ作成 ガイドブック 解説本
　　Ｌ スタイルシート（CSS） ガイドブック
　　Ｌ HTML・XHTML・CSS ガイドブック
FC2ブックマークに追加
スタイルシート （CSS） | トラックバック：0 | コメント：1 | この記事へのリンク | Page Top↑
≪画像の周囲に文章を回りこませる方法 | ホーム | FC2ブログ共有テンプレート（3カラム;162_07luky_3c）≫
コメント
この記事へのコメント
こんにちは、カワセミと云います。

紹介されているテンプレート（162_07luky_3c）を是非使わせて頂きたいと思っているのですがどうすれば良いのか解らないでいます。

SEO対策仕様ブログ テンプレート 無料会員募集ボタンを押しても「ＣＧＩ もしくは ＳＳＩ が正しく動作していません。 」と表示されてしまいます。

教えて頂けませんでしょうか。
2006/12/21(木) 17:49 | URL | カワセミ #-[ 編集]
広告配信サービス「マイクロアドターゲット」 *
コメントを投稿する
URL:
Comment:
Pass:   
トラックバック
この記事のトラックバックURL

この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック