- pointer-eventsc
- 与pointer-events属性未指定时的表现效果相同,对于SVG内容,该值与visiblePainted效果相同
- 元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。
- blend-mode
- 用于颜色的叠加
mix-blend-mode
- 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。
basic-shape
- 绘制颜色图形
vertical-align
- 定义图像与文字的位置,顶部或者水平
vertical-align:text-top;
- 定义图像与文字的位置,顶部或者水平
object-fit 缩减图片
- object-postion 图片位置
- outline
- 与border如下区别
- 轮廓不占据空间,绘制于元素内容周围。
- 根据规范,轮廓通常是矩形,但也可以是非矩形的。
shape-outside
属性定义了一个可以是非矩形的形状,相邻的内联内容应围绕该形状进行包装。 默认情况下,内联内
容包围其边距框; shape-outside提供了一种自定义此包装的方法,可以将文本包装在复杂对象周围而<br /> 不是简单的框中
display:none | visibility:hidden | opacity:0 | |
---|---|---|---|
页面中 | 不存在 | 存在 | 存在 |
重绘 | 会 | 会 | 不一定 |
重排 | 会 | 不会 | 不会 |
自身绑定事件 | 不触发 | 不触发 | 可触发 |
transition | 不支持 | 支持 | 支持 |
子元素复原 | 不能 | 能 | 不能 |
被遮挡元素触发事件 | 不影响 | 不影响 | 影响 |