ボックスモデルのプロパティ margin/padding/borderの指定の仕方

Posted on 6月 24, 2010

0


  • margin/paddingプロパティ

    • -top、-right、-bottom、-leftそれぞれに値を指定することができる。


margin: 3px 5px 10px 5px;
/*
上、右、下、左の順、上から時計回りに指定。
*/
margin: 3px 5px 10px;
/*
上、左右、下の順に指定。
*/
margin: 3px 5px;
/*
上下、左右の順に指定。
*/
margin: 3px;
/*
上下左右一括で指定。
*/

  • borderプロパティ

    • 太さ、形状、色を指定


border:2px solid #ffffff;

      • 太さ:thin、medium、thick、任意の太さ
      • 形状:solid(一重線)、dotted(点線)dashed(破線)double(二重線)等
      • -top、-right、-bottom、-leftそれぞれに値を指定することができる。

広告
Posted in: CSS基礎