CSS3外轮廓属性
外轮廓轮廓在页面中呈现的效果和边框边界呈现的效果极其相似,但和元素边框边界完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现。
概述-颜色:定义轮廓线的颜色,属性值为CSS中定义的颜色值。在实际应用中、省略时此参数的默认值为黑色。
概述——风格:定义轮廓线的样式,属性为CSS中定义线的样式。在实际应用中、省略时此参数的默认值为none,省略后不对该轮廓线进行任何绘制。
概述-宽度:定义轮廓线的宽度,属性值可以为一个宽度值。在实际应用中、省略时此参数的默认值为媒介,表示绘制中等宽度的轮廓线只
概述-抵消:定义轮廓边框的偏移位置的数值,此值可以取负数值。当此参数的值为正数值,表示轮廓边框向外偏离多少个像素,当此参数的值为负数值,表示轮廓边框向内偏移多少个像素只
继承:元素继承父元素的轮廓效果。
轮廓和边框的对比
http://www.iis7.com/b/wzjk/
大纲和边境的对比大纲属性创建的外轮廓线外表上和边界极其相似,但实际上有明显的不同只
边境属于盒模型的一部分,直接影响元素盒子的大小,而轮廓创建的外轮廓线是画在一个框的“上”面,不会影响该框或任何其他框大小,因此大纲创建的轮廓线不会影响文档流,也不会破坏网页布局只
大纲创建的轮廓线表面上和边境一样,可以创建轮廓线的颜色,线型样式、线型粗细大小,但和边境有一点完全不一样.outline创建的外轮廓线在元素各边都一样,这和边界不一样,不能像边界边框一样,设置outline-top或outline-left之类只
边境创建的元素边框可以单边设置,而轮廓创建的外轮廓线始终是闭合的。
大纲创建的外轮廓线可能是非矩形的,如果元素是多行,外轮廓线就至少是能够包含该元素所有框的外轮廓。可边界不一样,他将使用一个边框包括整个元素只
边境仅可以设置元素的边框,只能向外扩展,而轮廓创建的外轮廓线,可以通过outline-offset的值,向元素外部(outline-offset值为正值)或向元素内部(大纲-抵消)值为负值创建封闭的轮廓。
