872 Style
  1. TOP
  2. MEMO
  3. CSS
  4. BOXをいじる

BOXをいじる

ボックスのマージンを指定する

margin : ●; 上下左右のマージンを指定
margin : ● ●; 上下、左右のマージンを指定
margin : ● ● ●; 上、下、左右のマージンを指定
margin : ● ● ● ●; 上、下、左、右のマージンを指定 margin-top : ●; 上のマージンを指定
margin-bottom : ●; 下のマージンを指定
margin-left : ●; 左のマージンを指定
margin-right : ●; 右のマージンを指定

 マージンとはボーダー(枠線)までの余白のことです。値の指定によっては上下左右や、上下、左右などにマージンを指定できます。また、上下にボックスがある場合は、大きい値を指定してあるボックスのマージンが適用されます。キーワードとして使えるのはブラウザが自動的にマージンを調整する auto のみです。

幅、高さを指定する

width : ●; 幅を指定
height : ●; 高さを指定

枠線のスタイルを指定する

border-style : ●; 上下左右のスタイルを指定
border-style : ● ●; 上下、左右のスタイルを指定
border-style : ● ● ●; 上、下、左右のスタイルを指定
border-style : ● ● ● ●; 上、下、左、右のスタイルを指定
border-top-style : ●; 上のスタイルを指定
border-bottom-style : ●; 下のスタイルを指定
border-left-style : ●; 左のスタイルを指定
border-right-style : ●; 右のスタイルを指定

上下左右や上下、左右などに border (枠線)のスタイルを指定できます。 border-color 属性や border-widht 属性を指定した場合に、この属性を省略すると枠線が表示されなくなるので、注意して下さい。 dotted、 dashed は、Internet Explorer のバージョン5以前、Netscape のバージョン4.7以前には対応していません。