[WEB制作]ボックスモデルでも紹介しましたが、ボックスには「マージン」と呼ばれる要素があります。マージンとは、隣のボックスとの間の余白のことです。ボーダーの外側の部分ですね。マージンの値を指定することで、自由にレイアウトを決めることが出来ます。Webデザインにおいて、かなり重要な知識ですから知っておいた方が良いでしょう。使用するプロパティは、「margin-top」「margin-bottom」「margin-left」「margin-right」で、上下左右を指定することが可能です。記述する値は、「px」や「em」、「%」などですね。基本的には、「padding」と同じ使い方ですから、一緒に覚えておいてください。class=”marg”>マージンの指定した段落</p>マージンを指定したことで、下の段落の上マージンが大きくなっていますね。サンプルテキストマージンの指定した段落ブロックレベル要素のセンタリングまた、マージン指定をすることで、ブロックレベル要素を真ん中に配置することができます。「margin-left」と「margin-right」を「auto」の値とすれば、自動的に真ん中に配置されるわけです。ちなみに、片方だけ「auto」にすると、反対側に寄せることができます。class=”marg3′′>片方を「auto」にすると、反対側に寄る</p>Webページでセンタリングする機会は多いので、これは覚えておきましょう。中央寄せ片方を「auto」にすると、反対側に寄る上下マージンの相殺について左右のマージンを指定すると、それぞれがその数値で適用されます。上下のマージンに関しては、重なって表示されます。上下に2つの要素が並んでいるとして、上の下マージンが10pxで、下の上マージンが20pxだった場合、20pxが適用されるということです。2つのマージンが重なることで、大きい方が適用されるわけですね。マージンを指定しても表示が変わらないなら、相殺されていないかをチェックしてください。結局は、大きい方が適用されると覚えておけば良いと思います。以上、マージンプロパティの指定方法を紹介しました。マージンとパディングはセットで指定することが多いので、一緒に覚えておいてください。CSSの基本ともいえる知識ですから、必ず押さえておきましょう。機能性重視のレンタルサーバースペックの高さで選ぶ容量の大きさで選ぶマルチドメイン無制限から選ぶデータベース無制限から選ぶVPSで選ぶWordPress向けで選ぶサポートの充実度で選ぶお得なレンタルサーバーコストパフォーマンスで選ぶ料金の安さで選ぶ初期費用無料で選ぶ個人向けから選ぶ仕事で使うレンタルサーバービジネスサイト向けで選ぶアフィリエイト向けから選ぶネットショップ向けから選ぶアダルト向けから選ぶおススメのレンタルサーバーエックスサーバーロリポップヘテムルさくらのレンタルサーバーハッスルサーバーファイアバードミニバード最近の投稿ホスティングとハウジングの違いとは?レンタルサーバーの転送量制限とは何か?リンクベイト用のコンテンツで被リンクを獲得するSMO対策(ソーシャルメディア最適化)で被リンクを獲得する被リンクを集めやすいコンテンツを作る秘訣サイト内検索サバサバ倶楽部レンタルサーバーの比較や使い方を紹介するサイトです。Reserved.このページの先頭へ。