CSS3属性

    文本阴影：
         text-shadow:水平阴影 垂直阴影 模糊度 颜色;
         多层阴影：
         text-shadow:第一层阴影，第二层阴影，第三次阴影;


    文本换行
        word-wrap:;
            normal          默认值，不允许换行
            break-word      允许换行
            
        word-break：；
            break-all   允许在单词内部换行
            keep-all    允许在单词点换行，单词内部不换行


    盒子阴影
             box-shadow:水平阴影 垂直阴影 模糊度 阴影大小 颜色 内外阴影；
                默认影子在外边（忽略不写）
                设置影子在内部（inset加在颜色之后）
         多层阴影：
         box-shadow:第一层阴影，第二层阴影，第三次阴影;


    背景属性
        background-origin:;     背景图起点位置
            padding-box     起点从内边距开始
            border-box      起点从边框开始
            content-box     起点从内容区域开始
        background-clip:;   背景图裁剪位置
            padding-box     起点从内边距开始裁剪
            border-box      起点从边框开始裁剪
            content-box     起点从内容区域开始裁剪
        background-size:水平 垂直;  背景图尺寸
            单位是%或px         (只有一个值时为水平尺寸，垂直方向等比缩放)
            cover           等比缩放，铺满元素
            contain         等比缩放，某一方向铺满为止
            background:url() 0px 0px/0px 0px;左上边距/尺寸大小
            
        background:url(),url();     多张背景图


    颜色模式
        rgba(r,g,b,a)
        hsl(色调 饱和度 亮度)
        hsla(色调 饱和度 亮度 透明度)
            色调      0-360 
            饱和度 0%-100%
            亮度      0%-100%
            透明度 0-1


    边框图片
        border-image-source:url();  用在边框的图片的路径。
        border-image-slice:垂直显示 水平显示;       
                    显示图片的区域范围，不加单位，不能为负值
                    按九宫格切法显示图片
                    数值越小，切的越少，图片越大
                    数值越大，切的越多，图片越小
                    加fill，显示中间位置
        border-image-repeat:;   图像边框是否应平铺
                                    平铺(repeat)从中间往两头
                                    铺满(round)从一头到另一头平铺
                                    拉伸(stretch)
        border-image-outset:;   边框图像区域超出边框的量(值是一个倍数)
        综合写法：
        border-image:url() 30 30 repeat 1;


    圆角
         border-ridus:四个角;              一个值
         border-ridus:左上右下 右上左下;        两个值
         border-ridus:左上 右上左下 右下;       三个值
         border-ridus: 左上 右上 右下 左下; 四个值
         border-ridus:水平圆角/垂直圆角;

CSS3属性

原文：https://www.cnblogs.com/strongerPian/p/12526375.html