酢豚10/CSSBOX/1. margin

Last-modified: 2024-11-10 (日) 14:43:14

  • margin

    • border: 1px solid #000; border: 1px solid #000; padding: 0;
      ( control )

      上側

      　
      内容
      　

      下側

       

      margin: 30px 30px -30px -30px;

      BOX の上側と右側に 30px の余白 ( = margin ) を付し、
      逆に下側と左側は 30px だけ削る

       
      #CSSBOX("margin: 30px 30px -30px -30px; border: 1px solid #000; float: left;"){{
　
内容
　
}}
       
       
      ↓ 翻訳
       
       
      <div style="margin:30px 30px -30px -30px;border:1px solid #000"><p>　<br>
内容<br>
　</p>
</div>
       
       
      ↓ 翻訳
       
       

      上側

      　
      内容
      　

      下側

       
       

      margin: 300px; background YELLOW;

      内容
      内容
      内容
      内容