1、accent-color
属性用于指定用户界面控件的强调色
2、all: initial|inherit|unset
将应用于元素或元素父元素的所有属性更改为其初始值
inital: 此属性设置为其默认值
inhert:从父元素继承此属性
unset:如果可继承,则将应用于元素或元素父元素的所有属性更改为其父值,否则将其更改为初始值
3、aspect-ratio
属性允许您定义元素的宽度和高度之间的比例。
如果设置了 aspect-ratio
和 width
属性,高度将按照定义的长宽比进行调整
4、backdrop-filter:none|filter|initial|inherit;
none | 默认值。不对背景应用任何滤镜。 |
filter | 由空格分隔的滤镜函数列表,如:
或指向 SVG 滤镜的 URL。 |
initial | 将此属性设置为其默认值。参阅 initial。 |
inherit | 从其父元素继承此属性。参阅 inherit。 |
5、background-attachment: scroll|fixed|local|initial|inherit;属性设置背景图像是否固定或者随着页面的其余部分滚动。
6、background-blend-mode
属性定义每个背景层(颜色和/或图像)的混合模式。
属性值
值 | 描述 |
---|---|
normal | 默认。把混合模式设置为普通。 |
multiply | 把混合模式设置为 multiply(乘)。 |
screen | 把混合模式设置为 screen(屏幕)。 |
overlay | 把混合模式设置为 overlay(覆盖)。 |
darken | 把混合模式设置为 overlay(覆盖)。 |
lighten | 把混合模式设置为 lighten(变亮)。 |
color-dodge | 把混合模式设置为 color-dodge(颜色减淡)。 |
saturation | 把混合模式设置为 saturation(饱和度)。 |
color | 把混合模式设置为 color(颜色)。 |
luminosity | 把混合模式设置为 luminosity(亮度)。 |
7、background-clip属性规定背景的绘制区域
属性值
值 | 描述 | 测试 |
---|---|---|
border-box | 背景被裁剪到边框盒。 | 测试 |
padding-box | 背景被裁剪到内边距框。 | 测试 |
content-box | 背景被裁剪到内容框。 | 测试 |
8、block-size
属性指定元素在块方向上的大小。
属性值
值 | 描述 |
---|---|
auto | 默认。元素的默认 block-size 值。 |
length | 以 px、pt、cm 等单位指定 block-size。另请参阅:CSS 单位。 |
% | 以相对于父元素在对应轴上的大小的百分比指定 block-size。 |
initial | 将此属性设置为其默认值。参阅 initial。 |
inherit | 从其父元素继承此属性。参阅 inherit。 |
9、
border-block
属性是以下属性的简写:
如果省略颜色或宽度的值,则将使用默认值。
CSS border-block
属性与 border
属性非常相似,但 border-block
属性依赖于块方向。
注意:相关的 CSS 属性 writing-mode
定义了块方向。这会影响块的起点和终点位置以及 border-block
属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。
参考网址:https://www.w3school.com.cn/cssref/pr_pos_clip.asp