css3一些属性

css3一些属性
边框（border）：
border-color ：相关属性 ：border-top-color, border-right-color, border-bottom-color , border-left-color
border-image ：相关属性 ：border-image：border-top-image , border-right-image , border-bottom-image ,border-left-image 
border-corner-image：border-top-left-image , border-top-right-image , border-bottom-left-image , border-bottom-right-image.
语法：url（图片地址） 上边框 右边框 下边框 左边框（上右下左边框都没有单位） repeat/round/stretch 九宫格原理 并应先设置边框宽度border-width。
border-radius （圆角）：相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius 


box-shadow（阴影）：leftnum topnum 模糊度num 大小num color  各num都没有单位
基础和模型：
overflow ： visible | auto | hidden | scroll auto：超出区域自动添加滚动条、hidden：不显示超出对象尺寸的内容、scroll：总是显示滚动条。
overflow-x：属性如上：横行显示滚动条。
overflow-y；属性如上：纵向显示滚动条。
背景：Background
background-origin ： border | padding | content  border： 从border区域开始显示背景。 padding： 从padding区域开始显示背景。 content： 从content区域开始显示背景。 
background-clip ： border-box | padding-box | content-box | no-clip border-box：从border区域向外裁剪背景。 padding-box： 从padding区域向外裁剪背景。 content-box： 从content区域向外裁剪背景。 no-clip： 从border区域向外裁剪背景。 
background-size ：width 和 height设置单位可以使px或百分比。
颜色color：
opacity：设置元素的透明度。取值在0--1之间。1完全不透明，0完全透明。
RGBA colors：语法（R,G,B,A）A表示透明度，取值与opacity相同。R G B的取值都是0--255之间。
文本text effcts:
text-shadow：与box-shadow运用方法相同
text-overflow ： clip | ellipsis 不显示省略标记（...），而是简单的裁切。 ellipsis： 当对象内文本溢出时显示省略标记（...） 
要配套使用over-flow：hidden及white-space：nowrap强制文本在一行内显示。
word-wrap：normal | break-word   normal：控制连续文本换行。 break-word：内容将在边界内换行。如果需要，词内换行（word-break）也会发生。 
用户界面（user-interface）
outline：相关属性：outline-style , outline-width , outline-offset , outline-color
outline-width： thin(细轮廓) | medium(默认) | thick(粗轮廓) | <length>(自定义)
outline-style：none | dotted | dashed | solid | double | groove | ridge | inset | outset 与border-style相同
outline-offset：调整外边框与容器边缘的距离.
outline-color:一个元素整个轮廓中可见部分的颜色.
outline不能为none,否则显现不出,一般表单文本框想去边框就用outline:none;