HTML/CSSで要素の４辺の空間を指定する方法
marginを指定すると、要素の外側に領域を作成します。
margin プロパティ があります。
margin でよく使う設定方法
表示ページの左右真ん中に配置
margin: auto;
他の書き方 下記の２パターンも同じ結果になります。
margin: 0 auto; (上下０指定 左右自動調整)
margin: 0 auto 0 auto; (上0 右自動 下0 左自動)
margin 設定の記入方法
他にもmarginの記入方法は下記のように
１行で書くことも可能。
各反映方法は把握しましょう。
margin: 30px; ⇒ 上下左右 全て10ｐｘ適用
margin: 30px 40px; ⇒上下30px 左右40px
margin: 40px 45px 50px; ⇒上40px 左右45px 下50px
margin: 24px 56px 68px 40px; ⇒上24px 右56px 下68px 左40px
margin上下左右個別設定も可能
上下左右をそれそれ設定することも可能ですが、
あまり使うことはない感じです。
この書き方だと行数が増えるのであまり利用されてない感じ。
margin-top: ; 上部
margin-right: ; 右側
margin-left: ; 左側
margin-bottom: ; 下部
おすすめ教材
最後に、この記事見てるあなたは、独学中ですか？
私も最初は、独学でやろうとしました、プログラミング
を独学はちょっとしんどい。。。
私のだした結論は、お金出して学ぼうでした。
独学で時間かけるよりも、お金出して、早くマスター
して、早く収益を上げれるようにした方がいいと思いました。
高単価案件が最短二日で決まる！フリーランスエンジニア案件情報サイト【ポテパンフリーランス】
 |
1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座 新品価格 |
コメント