跳至主要內容

B

wzCoding大约 12 分钟CSS属性(样式)

以 B 为首的 CSS 属性(样式)

B

以 B 为首的属性

::backdrop

伪元素,在任何处于全屏模式的元素下的即刻渲染的盒子

backdrop-filter

为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明

backface-visibility

指定当元素背面朝向观察者时是否可见

background

CSS 简写属性,用于一次性集中定义各种背景属性

background-attachment

决定背景图像的位置是在视口内固定,或者随着包含它的区块滚动

background-blend-mode

定义该元素的背景图片,以及背景色如何混合

background-clip

设置元素的背景(背景图片或颜色)是否延伸到边框、内边距盒子、内容盒子下面

background-color

设置元素的背景色,属性的值为颜色值或关键字 transparent 二者选其一

background-image

为一个元素设置一个或者多个背景图像

background-origin

规定了指定背景图片 background-image 属性的原点位置的背景相对区域

background-position

为每一个背景图片设置初始位置。这个位置是相对于由 background-origin 定义的位置图层的

background-position-x

设置水平方向的位置,与每个背景图片等位置层设置属性 background-origin 相关

background-position-y

设置初始状态时背景图片在垂直方向上的位置,这个位置相对于通过 background-origin 定义的背景层的原点进行定位

background-repeat

定义背景图像的重复方式。背景图像可以沿着水平轴,垂直轴,两个轴重复,或者根本不重复

background-size

设置背景图片大小

<basic-shape>

表现基础图形的 CSS 数据类型,作用于 clip-pathshape-outside 属性中

::before(:before)

伪元素,匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素

:blank

伪类,选择用户输入为空的输入框

<blend-mode>

CSS 数据类型,用于描述当元素重叠时,颜色应当如何呈现。它被用于 background-blend-modemix-blend-mode 属性

block-size

根据元素的书写模式定义了元素块的横向或纵向尺寸

blur()

CSS 方法,将高斯模糊应用于输出图片

border

设置各种单独的边界属性的简写属性

border-block

CSS 简写属性,用于在样式表中的某处同时设置逻辑块向边框的各属性值

border-block-color

定义了元素的逻辑块向的边框颜色

border-block-end

CSS 简写属性,在样式表中的某处同时设置逻辑块末边框的各属性值

border-block-end-color

定义了元素的逻辑块末的边框颜色,并根据元素的书写模式、行内方向和文本朝向对应至实体边框颜色

border-block-end-style

定义了元素的逻辑块末的边框线型,并根据元素的书写模式、行内方向和文本朝向对应至实体边框线型

border-block-end-width

定义了元素的逻辑块末的边框宽度,并根据元素的书写模式、行内方向和文本朝向对应至实体边框宽度

border-block-start

CSS 简写属性,用于在样式表中的某处同时设置逻辑块首边框的各属性值

border-block-start-color

定义了元素的逻辑块首的边框颜色,并根据元素的书写模式、行内方向和文本朝向对应至实体边框颜色

border-block-start-style

定义了元素的逻辑块首的边框线型,并根据元素的书写模式、行内方向和文本朝向对应至实体边框线型

border-block-start-width

定义了元素的逻辑块首的边框宽度,并根据元素的书写模式、行内方向和文本朝向对应至实体边框宽度

border-block-style

定义了元素的逻辑块向的边框线型,并根据元素的书写模式、行内方向和文本朝向对应至实体边框线型

border-block-width

定义了元素的逻辑块向的边框宽度,并根据元素的书写模式、行内方向和文本朝向对应至实体边框宽度

border-bottom

CSS 简写属性,设置元素下边框

border-bottom-color

设置一个元素底部边框的颜色

border-bottom-left-radius

设置元素左下角的圆角

border-bottom-right-radius

设置元素右下角的圆角

border-bottom-style

设置元素底部边框的线条样式

border-bottom-width

设置元素的底部边框宽度

border-collapse

设置表格的边框是分开的还是合并的

border-color

CSS 简写属性,设置元素四个边框颜色

border-end-end-radius

定义了元素的逻辑边框半径,并根据元素的书写模式、行内方向和文本朝向对应至实体边框半径

border-end-start-radius

定义了元素的逻辑边框半径,并根据元素的书写模式、行内方向和文本朝向对应至实体边框半径

border-image

为元素的边框设置图像样式

border-image-outset

定义边框图像可超出边框盒的大小

border-image-repeat

定义图片如何填充边框

border-image-slice

将使用 border-image-source 引用的图像划分为多个区域

border-image-source

声明元素的边框图片 border-image 的资源

border-image-width

指定了 border image 的宽度

border-inline

CSS 简写属性,用于在样式表中的某处同时设置逻辑行向边框的各属性值

border-inline-color

定义了元素的逻辑行向的边框颜色,并根据元素的书写模式、行内方向和文本朝向对应至实体边框颜色

border-inline-end

CSS 简写属性,用于在样式表中的某处同时设置逻辑行末边框的各属性值

border-inline-end-color

定义了元素的逻辑行末的边框颜色,并根据元素的书写模式、行内方向和文本朝向对应至实体边框颜色

border-inline-end-style

定义了元素的逻辑行末的边框线型,并根据元素的书写模式、行内方向和文本朝向对应至实体边框线型

border-inline-end-width

定义了元素的逻辑行末的边框宽度,并根据元素的书写模式、行内方向和文本朝向对应至实体边框宽度

border-inline-start

CSS 简写属性,用于在样式表中的某处同时设置逻辑行首边框的各属性值

border-inline-start-color

定义了元素的逻辑行首的边框颜色,并根据元素的书写模式、行内方向和文本朝向对应至实体边框颜色

border-inline-start-style

定义了元素的逻辑行首的边框线型,并根据元素的书写模式、行内方向和文本朝向对应至实体边框线型

border-inline-start-width

定义了元素的逻辑行首的边框宽度,并根据元素的书写模式、行内方向和文本朝向对应至实体边框宽度

border-inline-style

定义了元素的逻辑行向的边框线型,并根据元素的书写模式、行内方向和文本朝向对应至实体边框线型

border-inline-width

定义了元素的逻辑行向的边框宽度,并根据元素的书写模式、行内方向和文本朝向对应至实体边框宽度

border-left

CSS 简写属性,设置元素左边框样式

border-left-color

设置元素的左边框颜色

border-left-style

设置元素左边框的线条样式

border-left-width

设置元素左边框的宽度

border-radius

设置元素的外边框圆角

border-right

CSS 简写属性,设置元素右边框样式

border-right-color

设置元素的右边框颜色

border-right-style

设置元素右边框的线条样式

border-right-width

设置元素右边框的宽度

border-spacing

指定相邻单元格边框之间的距离(只适用于 边框分离模式 border-collapse

border-start-end-radius

定义了元素的逻辑边框半径,并根据元素的书写模式、行内方向和文本朝向对应至实体边框半径

border-start-start-radius

定义了元素的逻辑边框半径,并根据元素的书写模式、行内方向和文本朝向对应至实体边框半径

border-style

CSS 简写属性,用来设定元素所有边框的样式

border-top

CSS 简写属性,设置元素上边框样式

border-top-color

设置元素的上边框颜色

border-top-style

设置元素右边框的线条样式

border-top-width

设置元素上边框的宽度

border-top-left-radius

设置元素左上角的圆角效果

border-top-right-radius

属性设置元素的右上角的圆角效果

border-width

设置盒子模型的边框宽度

bottom

定义了定位元素下外边距边界与其包含块下边界之间的偏移,非定位元素设置此属性无效( bottom 的效果取决于元素的 position 属性)

box-decoration-break

定义当元素跨多行、多列或多页时,元素的片段应如何呈现

box-shadow

在元素的框架上添加阴影效果

box-sizing

定义了 user agent 应该如何计算一个元素的总宽度和总高度

break-after

设置在生成的盒子之后的页面,列或区域中断行为(换句话说,如何以及是否中断)。如果没有生成的盒子,则该属性将被忽略

break-before

定义页面,列或区域在生成的盒子之前应如何处理中断。如果没有生成的盒子,则忽略该属性

break-inside

设置在多列布局页面下的内容盒子如何中断,如果多列布局没有内容盒子,这个属性会被忽略

brightness()

CSS 函数,将线性乘数应用于输入图像,使其看起来更亮或更暗