下表列出了 UI(用户界面) 允许用户与您的应用程序交互。Unity 目前支持三种 UI 系统。 更多信息
见 术语表 工具包中的 USS 属性。
该表指出了哪些属性是继承的以及它们的 动画性。对于继承属性，如果未指定值，则元素将从其父元素获取值。以下示例使用继承属性为所有元素设置字体。
:root {
-unity-font: resource("Font/consola.ttf");
}
单击属性名称以查看有关该属性的详细信息。
注意：使用与 CSS 属性相同的 USS 属性将链接到 Mozilla 开发者文档。
| 属性 | 继承 | 动画性 | 描述 |
|---|---|---|---|
align-content |
否 | 离散 | 如果子元素在该容器中跨多行，则在交叉轴上对子元素的整个区域进行对齐。 |
align-items |
否 | 离散 | 对齐容器交叉轴上的子元素。 |
align-self |
否 | 离散 | 类似于 align-items，但仅适用于此特定元素。 |
all |
否 | 完全可动画 | 允许使用 initial 关键字重置所有属性。不适用于自定义 USS 属性。 |
background-color |
否 | 完全可动画 | 用于在元素的框中绘制的背景颜色。 |
background-image |
否 | 离散 | 用于在元素的框中绘制的背景图像。 |
background-position |
否 | 完全可动画 | 背景图像位置值。 |
background-position-x |
否 | 离散 | 背景图像 x 位置值。 |
background-position-y |
否 | 离散 | 背景图像 y 位置值。 |
background-repeat |
否 | 离散 | 背景图像重复值。 |
background-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 |
否 | 离散 | 定义元素在布局中的显示方式。 |
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 对象。 |
-unity-font-definition |
是 | 离散 | 用于绘制元素文本的字体，定义为 FontDefinition 结构。它优先于 -unity-font。 |
-unity-font-style |
是 | 离散 | 用于绘制元素文本的字体样式和粗细 (normal、bold、italic)。 |
-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-text-align |
是 | 离散 | 元素框中的水平和垂直文本对齐。 |
-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 |
是 | 完全可动画 | 增加或减少单词之间的间距。 |