border-color

ボーダー(枠線)色
上下左右同じ
  


上下、左右
  
例) border-color:#ffff00 #0000ff;



上、左右、下
  
例) border-color:white blue orange;



上,右,下,左
  
例) border-color:#f00 #bbf #088 #0f0;



上 
右 
下 
左 
例)四方の色を個別に指定してます



border-width:

ボーダー(枠線)太さ
上下左右同じ
  


上下、左右
  
例) border-width:5 9px;



上、左右、下
  
例) border-width:2 12 4px;



上,右,下,左
  
例) border-width:3 6 9 12px;



上 
右 
下 
左 
例)四方の太さを個別に指定してます



border-style:

ボーダー(枠線)種類
solid / 実線
携帯は他の枠線を指定してもsolidとして表示されます
  

width, style, color を一度に指定
上下左右
  
上 
下 
右 
左 

border:1px solid red;

border-top:12px solid #ff0000;

border-bottom:3px solid #f00;

border-right:20px solid #000000;

border-left:10px solid #000;


BACK HOME