Version: 6000.3
语言: 中文
USS过滤器
USS 颜色关键字

USS 属性参考

下表列出了 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 是的 完全可动画化 增加或减少单词之间的间距。
USS过滤器
USS 颜色关键字