Css中border与outline

　　一.border与outline

　　　　1.border　

　　　　　　设置元素主要的边框属性，包括border-width、border-style、border-color，可缺省，无固定顺序。占据页面的大小

　　　　　　border设置边框的颜色：当border-style为none或hidden时失效，所以在设置边框颜色前需要保证border-style的值不为none、hidden。值可以是任意CSS支持                       的颜色值。默认为border-color: transparent（透明色）。

　　　　　　border设置边框的大小：只有当border-style不为none时才有效。不能设置为负值。值可以是thin（细）、medium（中等）、thick（粗），也可以是数值。

                     border设置边框的样式：solid，dotted ，dashed ，double等。

                     border-raduis：设置圆角。

         　2.　outline

　              在元素边框边缘的外围绘制一条包围元素的线，包括outline-color、outline-style、outline-width三个子属性的设置，可缺省，无固定顺序。轮廓不占据页面空间，也不一定是矩形。

　　　　　其设置大小与颜色，样式与border相似。

　　　3.区别

　　　　　1.border 可应用于几乎所有有形的html元素，而 outline 是针对链接、表单控件和ImageMap等元素设计；

                   2.outline 不会象border那样影响元素的尺寸或者位置，outline不占据空间；

　　　　　　3.在使用border-radius时，border会跟随改变，outline确依然是一个矩形；

                       4.border支持box-sizing: border-box，当有边距时，是新增了边框后在按照以前的边距处理；

　　　　　　　　outline不支持box-sizing: border-box;先处理边距，后加轮廓，有点类似缩放（transform: scale(1.2);）无论轮廓大小样式不影响布局。