包含此页的版本:
不含此页的版本:
下表列出了 UI Toolkit 中的 USS 属性。
该表指示继承了哪些属性及其可动画性。对于继承的属性,如果未为元素指定值,则该元素会从其父元素获取值。以下示例使用继承属性来设置所有元素的字体。
:root {
-unity-font: resource("Font/consola.ttf");
}
单击属性名称可查看有关该属性的详细信息。
注意:与 CSS 属性相同的 USS 属性的用法链接到 Mozilla 开发人员文档。
| 财产 | 继承 | 可动画性 | 描述 |
|---|---|---|---|
align-content |
不 | 离散 | 如果子项跨越此容器中的多行,则在十字轴上对齐整个子项区域。 |
align-items |
不 | 离散 | 在此容器的横轴上对齐子项。 |
align-self |
不 | 离散 | 与 align-items 类似,但仅适用于此特定元素。 |
all |
不 | 完全可动画化 | 允许使用初始关键字重置所有属性。不适用于自定义 USS 属性。 |
aspect-ratio |
不 | 完全可动画化 | 设置首选纵横比图像比例尺寸的关系,例如其宽度和高度。 请参阅术语表对于盒子,它将用于计算自动尺寸和其他一些布局功能。 |
background-color |
不 | 完全可动画化 | 要在元素框中绘制的背景颜色。 |
background-image |
不 | 离散 | 要在元素框中绘制的背景图像。 |
background-position |
不 | 完全可动画化 | 背景图像位置值。 |
background-position-x |
不 | 离散 | 背景图像 x 位置值。 |
background-position-y |
不 | 离散 | 背景图像 y 位置值。 |
background-repeat |
不 | 离散 | 背景图像重复值。 |
background-size |
不 | 完全可动画化 | 背景图像大小值。仅当使用 size 时,才完全支持过渡像素计算机图像中的最小单位。像素大小取决于您的屏幕分辨率。像素光照是在每个屏幕像素下计算的。更多信息 请参阅术语表或百分比,例如像素到像素或百分比到百分比的过渡。 |
border-bottom-color |
不 | 完全可动画化 | 元素底部边框的颜色。 |
border-bottom-left-radius |
不 | 完全可动画化 | 在元素框中绘制圆角矩形时左下角的半径。 |
border-bottom-right-radius |
不 | 完全可动画化 | 在元素的框中绘制圆角矩形时右下角的半径。 |
border-bottom-width |
不 | 完全可动画化 | 在布局阶段为边界的底部边缘保留的空间。 |
border-color |
不 | 完全可动画化 | border-top-color、border-right-color、border-bottom-color、border-left-color 的简写 |
border-left-color |
不 | 完全可动画化 | 元素左边框的颜色。 |
border-left-width |
不 | 完全可动画化 | 在布局阶段为边框的左边缘保留的空间。 |
border-radius |
不 | 完全可动画化 | border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius 的简写 |
border-right-color |
不 | 完全可动画化 | 元素右边框的颜色。 |
border-right-width |
不 | 完全可动画化 | 在布局阶段为边界的右边缘保留的空间。 |
border-top-color |
不 | 完全可动画化 | 元素顶部边框的颜色。 |
border-top-left-radius |
不 | 完全可动画化 | 在元素框中绘制圆角矩形时左上角的半径。 |
border-top-right-radius |
不 | 完全可动画化 | 在元素框中绘制圆角矩形时右上角的半径。 |
border-top-width |
不 | 完全可动画化 | 在布局阶段为边框的顶部边缘保留的空间。 |
border-width |
不 | 完全可动画化 | border-top-width、border-right-width、border-bottom-width、border-left-width 的简写 |
bottom |
不 | 完全可动画化 | 布局期间与元素框的底部距离。 |
color |
是的 | 完全可动画化 | 绘制元素文本时要使用的颜色。 |
cursor |
不 | 不可动画 | 鼠标光标,当鼠标指针位于元素上时显示。 |
display |
不 | 不可动画 | 定义元素在布局中的显示方式。 |
filter |
不 | 完全可动画化 | 要应用于元素的过滤器效果。 |
flex |
不 | 完全可动画化 | flex-grow、flex-shrink、flex-basis 的简写 |
flex-basis |
不 | 完全可动画化 | 弹性项目的初始主尺寸,位于主弹性轴上。最终布局可能更小或更大,具体取决于由其他柔性属性决定的柔性收缩和增长。 |
flex-direction |
不 | 离散 | 在容器中布局子项的主轴方向。 |
flex-grow |
不 | 完全可动画化 | 指定项相对于同一容器内其余灵活项的增长方式。 |
flex-shrink |
不 | 完全可动画化 | 指定项相对于同一容器内的其余柔性项如何收缩。 |
flex-wrap |
不 | 离散 | 如果此容器中没有足够的可用空间,则将子项放置在多行上。 |
font-size |
是的 | 完全可动画化 | 用于绘制元素文本的字体大小,以点大小指定。 |
height |
不 | 完全可动画化 | 布局元素的固定高度。 |
justify-content |
不 | 离散 | 儿童在这个容器的主轴上进行对齐。 |
left |
不 | 完全可动画化 | 布局期间与元素框的左距离。 |
letter-spacing |
是的 | 完全可动画化 | 增加或减少字符之间的间距。 |
margin |
不 | 完全可动画化 | margin-top、margin-right、margin-bottom、margin-left 的简写 |
margin-bottom |
不 | 完全可动画化 | 在布局阶段为边距的底部边缘保留的空间。 |
margin-left |
不 | 完全可动画化 | 在布局阶段为边距的左边缘保留的空间。 |
margin-right |
不 | 完全可动画化 | 在布局阶段为边距的右边缘保留的空间。 |
margin-top |
不 | 完全可动画化 | 在布局阶段为边距的顶部边缘保留的空间。 |
max-height |
不 | 完全可动画化 | 元素的最大高度,当它是柔性的或测量其自身尺寸时。 |
max-width |
不 | 完全可动画化 | 元素的最大宽度,当它是柔性的或测量自己的尺寸时。 |
min-height |
不 | 完全可动画化 | 元素的最小高度,当它是柔性的或测量其自身尺寸时。 |
min-width |
不 | 完全可动画化 | 元素的最小宽度,当它是灵活的或测量自己的大小时。 |
opacity |
不 | 完全可动画化 | 指定元素及其子元素的透明度。 |
overflow |
不 | 离散 | 如果容器的内容溢出其自己的框,则容器的行为方式。 |
padding |
不 | 完全可动画化 | padding-top、padding-right、padding-bottom、padding-left 的简写 |
padding-bottom |
不 | 完全可动画化 | 在布局阶段为填充的底部边缘保留的空间。 |
padding-left |
不 | 完全可动画化 | 在布局阶段为填充的左边缘保留的空间。 |
padding-right |
不 | 完全可动画化 | 在布局阶段为填充的右边缘保留的空间。 |
padding-top |
不 | 完全可动画化 | 在布局阶段为填充的顶部边缘保留的空间。 |
position |
不 | 离散 | 元素在其父容器中的位置。 |
right |
不 | 完全可动画化 | 布局时与元素框的距离正确。 |
rotate |
不 | 完全可动画化 | 旋转变换。 |
scale |
不 | 完全可动画化 | 缩放转换。 |
text-overflow |
不 | 离散 | 元素的文本溢出模式。 |
text-shadow |
是的 | 完全可动画化 | 文本的投影。 |
top |
不 | 完全可动画化 | 布局期间与元素框的最高距离。 |
transform-origin |
不 | 完全可动画化 | 变换原点是应用变换的点。 |
transition |
不 | 不可动画 | transition-delay、transition-duration、transition-property、transition-timing-function 的简写 |
transition-delay |
不 | 不可动画 | 当属性的值发生变化时,在启动属性的过渡效果之前等待的持续时间。 |
transition-duration |
不 | 不可动画 | 过渡动画完成所需的时间。 |
transition-property |
不 | 不可动画 | 应应用过渡效果的属性。 |
transition-timing-function |
不 | 不可动画 | 确定如何计算由过渡效果修改的属性的中间值。 |
translate |
不 | 完全可动画化 | 翻译转换。 |
-unity-background-image-tint-color |
不 | 完全可动画化 | 元素的 backgroundImage 的着色颜色。 |
-unity-background-scale-mode |
不 | 离散 | 元素框中的背景图像缩放。 |
-unity-editor-text-rendering-mode |
是的 | 不可动画 | TextElement 编辑器渲染模式。 |
-unity-font |
是的 | 离散 | Font 来绘制元素的文本,定义为 Font 对象。 |
-unity-font-definition |
是的 | 离散 | 用于绘制元素文本的字体,定义为 FontDefinition 结构。它优先于-unity-font. |
-unity-font-style |
是的 | 离散 | 字体样式和粗细(正常、粗体、斜体)来绘制元素的文本。 |
-unity-material |
是的 | 不可动画 | 要在元素上使用的自定义材质。 |
-unity-overflow-clip-box |
不 | 离散 | 指定元素内容被裁剪到哪个框。 |
-unity-paragraph-spacing |
是的 | 完全可动画化 | 增加或减少段落之间的间距。 |
-unity-slice-bottom |
不 | 完全可动画化 | 绘制元素背景图像时 9 切片底部边缘的大小。 |
-unity-slice-left |
不 | 完全可动画化 | 绘制元素背景图像时 9 切片左边缘的大小。 |
-unity-slice-right |
不 | 完全可动画化 | 绘制元素背景图像时 9 切片右边缘的大小。 |
-unity-slice-scale |
不 | 完全可动画化 | 应用于元素切片的缩放。 |
-unity-slice-top |
不 | 完全可动画化 | 绘制元素背景图像时 9 切片顶部边缘的大小。 |
-unity-slice-type |
不 | 离散 | 指定连接的类型。 |
-unity-text-align |
是的 | 离散 | 元素框中的水平和垂直文本对齐方式。 |
-unity-text-auto-size |
不 | 不可动画 | 覆盖任何显式字体大小,以在定义的最小和最大边界内缩放文本,并根据需要重新计算以适合其容器。 |
-unity-text-generator |
是的 | 不可动画 | 在 Unity 的标准文本生成器和高级文本生成器之间切换 |
-unity-text-outline |
不 | 完全可动画化 | 文本的轮廓宽度和颜色。 |
-unity-text-outline-color |
是的 | 完全可动画化 | 文本的轮廓颜色。 |
-unity-text-outline-width |
是的 | 完全可动画化 | 文本的轮廓宽度。 |
-unity-text-overflow-position |
不 | 离散 | 元素的文本溢出位置。 |
visibility |
是的 | 离散 | 指定元素是否可见。 |
white-space |
是的 | 离散 | 如果没有足够的空间来绘制元素的文本,则在多行上换行。 |
width |
不 | 完全可动画化 | 布局元素的固定宽度。 |
word-spacing |
是的 | 完全可动画化 | 增加或减少单词之间的间距。 |