S

wzCoding大约 11 分钟

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

S

以 S 为首的属性

`saturate()`

CSS 函数，使输入图像超饱和或去饱和

`scale`

指定 CSS 属性 transform 缩放的比例

`scale()`

CSS 函数，用于修改元素的大小（缩放的比例）。可以通过向量形式定义的缩放值来放大或缩小元素，同时可以在不同的方向设置不同的缩放值

`scale3d()`

CSS 函数，定义了一个在 3D 空间中调整元素大小的转换。因为缩放量是由向量定义的，所以它可以在不同的比例下调整不同维度的大小

`scaleX()`

CSS 函数，定义了一个沿 x 轴（横向）调整元素大小的转换

`scaleY()`

CSS 函数，定义了一个沿 y 轴（垂直）调整元素大小的转换

`scaleZ()`

CSS 函数，定义了一个沿 z 轴调整元素大小的转换

`:scope`

CSS 伪类，它表示作为选择器要匹配的参考点的元素

`scroll`

当内容在水平或垂直方向不适合父元素框（溢出）时，设置的 CSS 属性 overflow的值，会使容器产生滚动条

`scroll-behavior`

当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，CSS 属性 scroll-behavior 为一个滚动框指定滚动行为

`scroll-margin`

代表用于将盒元素拖拽到显示区域的拖拽滚动区域的起点

`scroll-margin-block`

CSS 简写属性，设置元素在块维度中的滚动边距

`scroll-margin-block-end`

定义块维度末尾的滚动捕捉区域的边距，用于将此框捕捉到捕捉端口

`scroll-margin-block-start`

定义块维度开始处的滚动对齐区域的边距，用于将此框对齐到快照端口

`scroll-margin-bottom`

定义用于将此框对齐到快照端口的滚动对齐区域的底部边距

`scroll-margin-inline`

CSS 简写属性，是 scroll-margin-inline-end 和 scroll-margin-inline-start 的简写

`scroll-margin-inline-end`

定义用于将此框对齐到快照端口的内联维度末尾的滚动对齐区域的边距

`scroll-margin-inline-start`

定义用于将此框对齐到快照端口的内联维度开始的滚动对齐区域的边距

`scroll-margin-left`

定义用于将此框对齐到快照端口的滚动对齐区域的左边距

`scroll-margin-right`

定义用于将此框对齐到快照端口的滚动对齐区域的右边距

`scroll-margin-top`

定义了滚动捕捉区域的顶边距，用于在捕捉视口上捕捉该盒子

`scroll-padding`

CSS 简写属性，是 scroll-padding-bottom、scroll-padding-top、scroll-padding-left 和 scroll-padding-right 的简写

`scroll-padding-block`

CSS 简写属性，是 scroll-padding-block-end 和 scroll-padding-block-start 的简写

`scroll-padding-block-end`

定义了 scrollport 的最佳查看区域的块维度中结束边缘的偏移量：该区域用作将事物放置在用户视野中的目标区域

`scroll-padding-block-start`

定义了 scrollport 的最佳查看区域的块维度中起始边缘的偏移量：该区域用作将事物放置在用户视野中的目标区域

`scroll-padding-bottom`

定义滚动端口最佳查看区域底部的偏移量：该区域用作目标区域，用于在用户视野中放置东西

`scroll-padding-inline`

CSS 简写属性，是 scroll-padding-inline-end 和 scroll-padding-inline-start 的简写

`scroll-padding-inline-end`

定义了滚动端口最佳查看区域的内联维度中结束边缘的偏移量：该区域用作将事物放置在用户视野中的目标区域

`scroll-padding-inline-start`

定义滚动端口最佳查看区域的内联维度中起始边缘的偏移量：该区域用作在用户视图中放置事物的目标区域

`scroll-padding-left`

定义了 scrollport 最佳查看区域左侧的偏移量：该区域用作将事物放置在用户视野中的目标区域

`scroll-padding-right`

定义滚动端口最佳查看区域右侧的偏移量：用作目标区域的区域，用于在用户视图中放置内容

`scroll-padding-top`

定义滚动端口最佳查看区域顶部的偏移量：用作目标区域的区域，用于在用户视图中放置东西

`scroll-snap-align`

将框的捕捉位置指定为其捕捉区域（作为对齐主题）在其捕捉容器的捕捉端口（作为对齐容器）内的对齐方式

`scroll-snap-stop`

定义是否允许滚动容器“越过”可能的对齐位置

`scroll-snap-type`

定义在滚动容器中的一个临时点（snap point）如何被严格的执行

`@scroll-timeline`

CSS 简写属性，是 scroll-timeline-name 和 scroll-timeline-axis 的简写

`scroll-timeline`

用于定义驱动容器中滚动条进度的命名时间线。然后在动画时间线声明中引用该名称，以指示用于通过滚动动作驱动动画进度的容器元素

`scroll-timeline-axis`

用于指定将用于为滚动驱动动画提供时间轴的滚动条方向

`scroll-timeline-name`

用于定义驱动容器中滚动条进度的命名时间线。然后在动画时间线声明中引用该名称，以指示用于通过滚动动作驱动动画进度的容器元素

`scrollbar-color`

设置滚动条轨道和滚动条漂浮在轨道的顶部上的移动部分的颜色

`scrollbar-gutter`

为滚动条保留空间，防止随着内容的增长而发生不必要的布局更改，同时在不需要滚动时避免不必要的视觉效果

`scrollbar-width`

在元素显示滚动条时设置滚动条的最大宽度

`::selection`

CSS 伪元，素应用于文档中被用户高亮的部分（比如使用鼠标或其他选择设备选中的部分）

`sepia()`

CSS 函数，将输入图像转换为棕褐色，使其呈现更温暖、更黄/棕色的外观

`<shape>`

CSS 数据类型，定义了区域的特定形式（形状）

`shape-image-threshold`

通过设定一个 alpha 通道的界限值来提取 shape-outside 值为图像的形状

`shape-margin`

用于设定由 shape-outside 创建的 CSS 形状的外边距

`shape-outside`

定义了一个可以是非矩形的形状，相邻的内联内容应围绕该形状进行包装。默认情况下，内联内容包围其边距框; shape-outsid e提供了一种自定义此包装的方法，可以将文本包装在复杂对象周围而不是简单的框中

`sign()`

CSS 函数，包含一次计算，如果参数的数值为负则返回-1，如果参数的数值为正则返回+1，如果参数的数值为0⁺则返回0⁺，以及 0⁻ 如果参数的数值为 0⁻

`sin()`

CSS 函数，三角函数，返回某数的正弦值，此值介于 -1 和 1 之间

`size`

CSS at rule，与 @page at 规则一起使用，定义了用于表示页面的框的大小和方向

`size-adjust`

为与此字体相关联的字形轮廓和度量定义了乘数。这使得在以相同字体大小呈现时更容易协调各种字体的设计

`skew()`

CSS 函数，定义了一个元素在二维平面上的倾斜转换

`skewX()`

CSS 函数，定义了一个转换，该转换将元素倾斜到二维平面上的水平方向

`skewY()`

CSS 函数，定义了一个转换，该转换将元素倾斜到二维平面上的水平方向

`::slotted()`

CSS 伪元素，用于选定那些被放在 HTML 模板中的元素，这个伪类选择器仅仅适用于影子节点树（Shadow Dom）

`speak-as`

当已明确定义 @counter-style 后，可以用 speak-as 定义在口语场景中如何表述这个 counter 符号

`::spelling-error`

CSS 伪元素，表示浏览器标记为不正确拼写的文本段

`sqrt()`

CSS 函数，指数型函数，返回某数的平方根

`src`

@font-face 中的 src 描述符指定了包含字体数据的资源。@font-face 规则中需要指定这个属性

`step`

CSS 数据类型，表示描述数值变化速率

`<string>`

CSS 数据类型，用来表示一串字符，它被用在众多 CSS 属性中，例如 content、font-family、和 quotes

`@styleset`

CSS at-rule，在 font-variant-alternates 中使用通用名称，用于在 OpenType 中以不同方式激活功能。它允许在使用几种字体时简化 CSS

`styleset()`

CSS 函数，控制备用字体的使用。这些替代字体可以通过 @font-feature-values 中定义的替代名称来引用

`@stylistic`

CSS at-rule，允许作者在 font-variant-alternates 中使用通用名称，用于在 OpenType 中以不同方式激活功能。它允许在使用几种字体时简化 CSS

`stylistic()`

CSS 函数，控制备用字体的使用。这些替代字体可以通过 @font-feature-values 中定义的替代名称来引用

`suffix`

@counter-style 规则的后缀描述符指定将附加到标记表示的内容

`@supports`

CSS at-rule，可以指定依赖于浏览器中的一个或多个特定的 CSS 功能的支持声明。这被称为特性查询。该规则可以放在代码的顶层，也可以嵌套在任何其他条件组规则中

`@swash`

CSS at-rule，允许作者在 font-variant-alternates 中使用通用名称，用于在 OpenType 中以不同方式激活功能。它允许在使用几种字体时简化 CSS

`swash()`

CSS 函数，控制备用字体的使用。这些替代字体可以通过 @font-feature-values 中定义的替代名称来引用

`symbols`

用于指定计数器系统将用于构造计数器表示的符号

`symbols()`

CSS 函数，可以直接将计数器样式定义为列表样式等属性的值，与 @counter-style 不同，symbols() 是匿名的（即它只能使用一次）

`syntax`

CSS 描述符，在使用 @property at-rule时是必需的，它描述了该属性所允许的语法结构

`system`

指定用于将计数器的整数值转换为字符串表示的算法。它在 @counter-style 中用于定义已定义样式的行为

`s`

CSS 数据类型，表达了以秒（s）或毫秒（ms）为单位的时间的值

S

# S

# 以 S 为首的属性

S

以 S 为首的属性