1. border-width
可以设置边框的粗细 可以上、右、下、左的顺序作用于四边
2. border-color设置或检索对象的边框颜色
3. border-style- none:
- 无轮廓 hidden:
- 隐藏边框。 IE7及以下尚不支持 dotted:
- 点状轮廓。 IE6下显示为dashed效果 dashed:
- 虚线轮廓。 solid:
- 实线轮廓 double:
- 双线轮廓。两条单线与其间隔的和等于指定的 值 groove:
- 3D凹槽轮廓。 ridge:
- 3D凸槽轮廓。 inset:
- 3D凹边轮廓。 outset:
- 3D凸边轮廓。
4. border
.test {
border: 5px solid #000;}5. border-radius设置或检索对象使用圆角边框。提供2个参数,2个参数以“/”分隔,每个参数允许设置1~4个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数
6. border-image设置或检索对象的边框样式使用图像来填充。
7. box-shadowbox-shadow: 5px 5px rgba(0, 0, 0, .6); 盒子阴影
8. line-height检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
9. text-indent检索或设置对象中的文本的缩进
10. text-align设置或检索对象中内容的水平对齐方式。
11. letter-spacing检索或设置对象中的字符之间的最小,最大和最佳间隙
12. text-overflow13. word-wrap
设置或检索当内容超过指定容器的边界时是否断行
14. background-color设置或检索对象的背景颜色
15. rgba16. linear-gradient当块容器 <' '> 为非visible
时,定义内联内容溢出其块容器是否截断或者添加(...)及自定义字符
- 要使得 <' text-overflow '> 属性生效,块容器必须显式定义 <' '> 为
非visible
值,同时显式或者隐式的定义 <' '> 为非auto
值, <' '> 为nowrap
值。
设置或检索对象的背景图像
18. background-repeat设置或检索对象的背景图像如何铺排填充
19. background-position设置或检索对象的背景图像位置
20. background 缩写background:url(test1.jpg) no-repeat scroll 10px 20px/50px
;