1、
边框阴影
box-shadow:水平阴影位置 垂直阴影位置 模糊距离 [阴影尺寸] 颜色 [内阴影inset];
文本阴影
text-shadow:水平阴影位置 垂直阴影位置 模糊距离 颜色 ;
2、
背景新增属性
1.background-origin背景原点
padding-box 背景图像填充框的相对位置(默认值)
border-box 背景图像边界框的相对位置
content-box 背景图像的相对位置的内容框
2.background-clip背景裁切
border-box 背景被裁剪到边框盒(默认值)
padding-box 背景被裁剪到内边距框
content-box 背景被裁剪到内容框
3.background-size背景尺寸
cover把背景图像扩展至足够大,完全覆盖背景区域
contain把图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域
具体数值/百分比
4.多背景属性
background:url(),url();
3、
边框新增属性
1.border-image图片边框
border-image-source 路径
border-image-slice 图片边框向内偏移
border-image-repeat 平铺(repeat)铺满(round)拉伸(stretch)
border-image-outset 边框图像区域超出边框的量
简写形式border-image:路径 偏移 平铺;
2.border-radius 圆角边框
border-radius:5px;
border-radius: 5px 10px 20px 50px;从左上角开始顺时针设置倒角
border-radius: 30px/15px;倒椭圆形
border-radius:10px 20px 30px 40px/40px 30px 20px 10px;
4、
文本换行相关属性
word-wrap
属性值:
normal只在允许的断字点换行(浏览器保持默认处理)
break-word允许长单词或 URL地址换行到下一行
word-break
属性值:
break-all直接进行单词内的断句
keep-all文本不会换行,只能在半角空格或连字符处换行