【1】 border-width 、 outline 、 box-shadow 、text-shadow 。。。。不支持百分比
【2】 border-style 类型
solid —— 实线
dashed —— 虚线 : IE 下的宽高是2:1 ,而火狐和谷歌下的宽高比是3:1
dotted ——点线 : IE 下的点是小圆 ,谷歌和火狐下的点是小方
double —— 双线
inset —— 内凹,outset ——外凹,ridge —— 山脊 :兼容性比较差,现在很少人使用
【3】border-color 与 color
border-color 的默认颜色就是color ,类似的还有 box-shadow 、text-shadow 、outline的默认颜色是color
【4】border 与 background
background-position 默认相对于左上方定位的;
要使相对于右下方定位的方式可以使用border :
【5】 border 与三角等图形的构建
【6】 border : 0 与 border :none ;
border:0 , 元素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。
border :none,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。