一度に指定	太さ・スタイル・色を指定

線

一度に指定

{ border : 2px solid blue ;
width : 300px }

{ border-width : 数値 }

{ border-style : スタイル }

{ border-color : 英語かカラーコード }

{ border-width : 2px ;
  border-style : solid ;
  border-color : blue ;
  width : 300px }

{ border-width : 4px ;
  border-style : double ;
  border-color : red ;
  width : 300px }

{ border-width : 2px ;
  border-style : dashed ;
  border-color : green ;
  width : 300px }

{ border-width : 2px ;
  border-style : dotted ;
  border-color : white ;
  width : 300px }

{ border-width : 5px ;
  border-style : outset ;
  border-color : #0000ff ;
  width : 300px }

{ border-width : 5px ;
  border-style : inset ;
  border-color : #ff0000 ;
  width : 300px }

{ border-width : 5px ;
  border-style : ridge ;
  border-color : #008000 ;
  width : 300px }

{ border-width : 5px ;
  border-style : groove ;
  border-color : #ffffff ;
  width : 300px }