下表列出了__ UI__（即用户界面，User Interface）让用户能够与您的应用程序进行交互。Unity 目前支持三种 UI 系统。更多信息
See in Glossary 工具包中的 USS 属性。
该表指示继承了哪些属性及其动画性。如果没有为继承的属性指定任何值，该元素将从其父元素获取值。以下示例使用继承的属性来设置所有元素的字体。
:root {
-unity-font: resource("Font/consola.ttf");
}
单击属性名称可查看有关该属性的详细信息。
注意：与 CSS 属性相同的 USS 属性的用法会链接到 Mozilla 开发者文档。
| 属性 | 继承 | 动画性 | 描述 |
|---|---|---|---|
align-content |
否 | 离散 | 如果子项跨越多行，则在容器的交叉轴上对齐整个区域。 |
align-items |
否 | 离散 | 在容器的交叉轴上对齐子项。 |
align-self |
否 | 离散 | 与 align-items 类似，但仅适用于此特定元素。 |
all |
否 | 完全动画化 | 允许使用初始关键字重置所有属性。不适用于自定义 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 |
否 | 完全可动画 | 元素背景图像的着色颜色。 |
-unity-background-scale-mode |
否 | 离散 | 元素框内背景图像的缩放行为。 |
-unity-editor-text-rendering-mode |
是 | 非可动画 | 文本元素在编辑器中的渲染模式。 |
-unity-font |
是 | 离散 | 用于绘制元素文本的字体对象。 |
-unity-font-definition |
是 | 离散 | 用于绘制元素文本的字体定义结构。优先级高于 -unity-font. |
-unity-font-style |
是 | 离散 | 用于绘制元素文本的字体样式和权重（常规、加粗、斜体）。 |
-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 |
是 | 完全可动画 | 增加或减少单词之间的间距。 |