css 外轮廓outline

特性：outline 版本：CSS2　 目的：设置外轮廓 常用
语法：
outline : outline-color ||outline-style || outline-width

特性： outline-color 版本：CSS2　 目的：设置外轮廓颜色 常用
outline-color : color |invert
参数：
color : 　指定颜色。请参阅颜色单位和附录：颜色表
invert : 　使用背景色的反色

特性：outline-style版本：CSS2　  目的：设置外轮廓样式 常用
语法：
outline-style : none |dotted |dashed |solid |double |groove |ridge |inset |outset
参数：
none : 　无边框。与任何指定的outline-width值无关
dotted : 　点线边框
dashed : 　虚线边框
solid : 　实线边框
double : 　双线边框。两条单线与其间隔的和等于指定的oueline-width值
groove : 　根据outline-color的值画3D凹槽
ridge : 　根据outline-color的值画菱形边框
inset : 　根据outline-color的值画3D凹边
outset : 　根据outline-color的值画3D凸边

outline-width版本：CSS2　 目的：设置外轮廓宽度
语法：
outline-width : medium | thin | thick | length
参数：
medium : 　默认宽度
thin : 　小于默认宽度
thick : 　大于默认宽度
length : 　由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位

box-sizing版本：CSS3.0  边框样式
语法：
box-sizing ： content-box | border-box | inherit
相关属性 ： 无
取值：
content-box: 此值维持css2.1盒模型的组成模式，border|padding|content {element width=border+padding+content}
border-box: 此值改变css2.1盒模型组成模式，content|border|padding {element width=content}

resize
版本：CSS3.0 继承性：无  目的，调节元素的尺寸
语法：
resize ： none | both | horizontal | vertical | inherit
相关属性： N/A
取值：
none：
UserAgent没提供尺寸调整机制，用户不能操纵机制调节元素的尺寸。
both：
UserAgent提供双向尺寸调整机制，让用户可以调节元素的宽度和高度。
horizontal：
UserAgent提供单向水平尺寸调整机制，让用户可以调节元素的宽度。
vertical：
UserAgent提供单向垂直尺寸调整机制，让用户可以调节元素的高度。
inherit：
默认继承。

outline            版本：CSS3.0  目的，边框轮廓的集合
语法：
outline：[outline-color] || [outline-style] || [outline-width] || [outline-offset] | inherit
相关属性：outline-style , outline-width , outline-offset , outline-color
取值：
<outline-color>：
指定轮廓边框颜色。参见outline-color
<outline-style>：
指定轮廓边框轮廓。参见outline-style
<outline-width>：
指定轮廓边框宽度。参见outline-width
<outline-offset>：
指定轮廓边框偏移位置的数值。参见outline-offset
inherit：
默认。

outline-width  版本：CSS3.0  目的：指定边框宽度
语法：
outline-width： thin | medium | thick | <length>
相关属性：outline , outline-color , outline-style , outline-offset
取值：
thin：
定义细轮廓。
medium：
默认。定义中等的轮廓。
thick：
定义粗的轮廓。
<length> ：
定义轮廓粗细的值

outline-style版本：CSS3.0 目的，边框的样式
语法：
outline-style：none | dotted | dashed | solid | double | groove | ridge | inset | outset
相关属性：outline , outline-width , outline-offset , outline-color
取值：
none： 默认值。定义无轮廓。
dotted： 定义一个点状的轮廓。
dashed： 定义一个虚线轮廓。
solid： 定义一个实线轮廓。
double： 定义一个双线轮廓。双线的宽度等同于outline-width的值。
groove： 定义一个3D凹槽轮廓。此效果取决于outline-color的值
ridge： 定义一个3D凸槽轮廓。此效果取决于outline-color的值
inset： 定义一个3D凹槽轮廓。此效果取决于outline-color的值
outset： 定义一个3D凸槽轮廓。此效果取决于outline-color的值

outline-offset  版本：CSS3.0 目的：定义轮廓与元素的距离
语法：
outline-offset：<length> | inherit
相关属性：outline , outline-width , outline-style , outline-color
取值：
<length>：
定义轮廓距离容器的值。
inherit：
默认继承。
说明：
outline-offset 可以让轮廓偏离容器边缘，即可以调整外框与容器边缘的距离。参见outline属性。

outline-color 版本：CSS3.0 目的，定义轮廓颜色
语法：
outline-width：<color> | inherit
相关属性：outline , outline-width , outline-style , outline-offset
取值：
<color>：
可以是颜色名 (如 red)，rgb 值(如 rgb(255,0,0)) 或十六进制值 (如 #ff0000)。
inherit：
默认继承。执行颜色反转（逆向的颜色）。这么做是为了使边框在不同的背景颜色中都是可见的。

nav-index  版本：CSS3.0  目的：定义导航的顺序
语法：
nav-index ： auto |  <number>  | inherit
相关属性 ： nav-up , nav-right , nav-down , nav-left
取值：
auto：
User Agent默认的顺序。
<number>：
该数字（必须是正整数）指定了元素的导航顺序。'1'意味着最先被导航。当若干个元素的nav-index值相同时，则按照文档的先后顺序进行导航。
inherit：
默认继承。

nav-up    版本：CSS3.0
语法：
nav-up ： auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 ： nav-index , nav-up , nav-right , nav-down
取值：
auto：
User Agent默认的顺序。
<id> ：
要切换元素的id命名。
root | <target-name>：
这个参数不能以”_”命名，指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在，则被视为当前页面的焦点，意味着完全依赖框架页。该属性是以关键节点" root " 标示，User agent将把整个frameset框架页定为目标。
inherit：
默认继承。

nav-right  版本：CSS3.0
语法：
nav-right ： auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 ： nav-index , nav-up , nav-right , nav-down
取值：
auto：
User Agent默认的顺序。
<id> ：
要切换元素的id命名。
root | <target-name>：
这个参数不能以”_”命名，指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在，则被视为当前页面的焦点，意味着完全依赖框架页。该属性是以关键节点" root " 标示，User agent将把整个frameset框架页定为目标。
inherit：
默认继承。

nav-down  版本：CSS3.0
语法：
nav-down ： auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 ： nav-index , nav-up , nav-right , nav-down
取值：
auto：
User Agent默认的顺序。
<id> ：
要切换元素的id命名。
root | <target-name>：
这个参数不能以”_”命名，指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在，则被视为当前页面的焦点，意味着完全依赖框架页。该属性是以关键节点”root”标示，User agent将把整个frameset框架页定为目标。
inherit：
默认继承。

nav-left  版本：CSS3.0
语法：
nav-left ： auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 ： nav-index , nav-up , nav-right , nav-down
取值：
auto：
User Agent默认的顺序。
<id> ：
要切换元素的id命名。
root | <target-name>：
这个参数不能以”_”命名，指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在，则被视为当前页面的焦点，意味着完全依赖框架页。该属性是以关键节点" root " 标示，User agent将把整个frameset框架页定为目标。
inherit：
默认继承。