CSS边框缩略属性
作者：佚名 时间：2014-03-18
由于建网站时指定一个封闭式的边框可能是很繁琐的事，因此CSS标准提供5种网站边框缩略属性，它们可以接受一个或所有边框的宽度，颜色和样式值中的一个或所有值。border-top、border-bottom、border-left和border-right属性只影响对应的边框 侧面；而border属性同时边框的四个侧面。例如：
border-top: thick solid blue
border-left: lex inset
border-bottom:bule dashed
border: red double 2px
第一个属性设置上边框为一条粗实的蓝线。第二个属笥设置左边框为嵌入效果，其深度为元素字体的x-height,颜色与元素颜色一样。第三个属性设置下边为蓝色短横线，用默认的中等宽度。最后，第四个属性使得边框的四侧为红色双直线，宽度是2个像素。
最后一个属性引出了两个问题。首先，不能为border属性提供多个值来有选择地影响特定边框，而使用单独的border-color,border-width和border-style属性可以实现。border属性总是影响围绕元素的所有四个边框。
第二，创建一个只有2个像素宽的双线边框是不可能的。在那处情况下，浏览器可以自由调整宽度来合理地安排边框。
我们通常想到块元素，如图像、表格和文本流周围的边框，同样边框也可以应用到内联标签上。这就允许在文本流内的一个词或短语周围放置一个框。横跨多行的内联标签的边框显示没有定义，其效果取决于浏览器。现在的浏览器都支持单侧属性。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/contact/20151229/n7296.html
