Unity3D :USS属性参考
推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生
USS属性参考
下表列出了 中的 USS 属性用户界面
工具箱。
该表指示继承了哪些属性及其动画性。对于继承的属性,如果未为其指定值,则元素将从其父元素获取值。下面的示例使用继承的属性来设置所有元素的字体。
:root {
-unity-font: resource("Font/consola.ttf");
}
单击属性名称可查看有关该属性的详细信息。
注意:与 CSS 属性相同的 USS 属性的使用链接到 Mozilla 开发人员文档。
财产 | 继承 | 动画可性 | 描述 |
---|---|---|---|
align-content | 不 | 离散 | 如果子项跨越此容器中的多条线,则在交叉轴上对齐整个区域。 |
align-items | 不 | 离散 | 在此容器的横轴上对齐子项。 |
align-self | 不 | 离散 | 类似于对齐项,但仅适用于此特定元素。 |
all | 不 | 完全可动画化 | 允许使用初始关键字重置所有属性。不适用于自定义 USS 属性。 |
background-color | 不 | 完全可动画化 | 要在元素框中绘制的背景色。 |
background-image | 不 | 离散 | 要在元素框中绘制的背景图像。 |
border-bottom-color | 不 | 完全可动画化 | 元素底部边框的颜色。 |
border-bottom-left-radius | 不 | 完全可动画化 | 在元素框中绘制圆角矩形时左下角的半径。 |
border-bottom-right-radius | 不 | 完全可动画化 | 在元素框中绘制圆角矩形时右下角的半径。 |
border-bottom-width | 不 | 完全可动画化 | 在布局阶段为边框的底部边缘保留的空间。 |
border-color | 不 | 完全可动画化 | 上边框颜色、右边框颜色、下边框颜色、左边框颜色的简写 |
border-left-color | 不 | 完全可动画化 | 元素左边框的颜色。 |
border-left-width | 不 | 完全可动画化 | 在布局阶段为边框的左边缘保留的空间。 |
border-radius | 不 | 完全可动画化 | 左上边框半径、右上边框半径、右下边框半径、左下边框半径的简写 |
border-right-color | 不 | 完全可动画化 | 元素右边框的颜色。 |
border-right-width | 不 | 完全可动画化 | 在布局阶段为边框的右边缘保留的空间。 |
border-top-color | 不 | 完全可动画化 | 元素上边框的颜色。 |
border-top-left-radius | 不 | 完全可动画化 | 在元素框中绘制圆角矩形时左上角的半径。 |
border-top-right-radius | 不 | 完全可动画化 | 在元素框中绘制圆角矩形时右上角的半径。 |
border-top-width | 不 | 完全可动画化 | 在布局阶段为边框的上边缘保留的空间。 |
border-width | 不 | 完全可动画化 | 边框顶部宽度、边框右宽度、边框底部宽度、左边框宽度的简写 |
bottom | 不 | 完全可动画化 | 布局期间与元素框的底部距离。 |
color | 是的 | 完全可动画化 | 绘制元素文本时要使用的颜色。 |
cursor | 不 | 不可动画 | 鼠标指针位于元素上时要显示的鼠标光标。 |
display | 不 | 离散 | 定义元素在布局中的显示方式。 |
flex | 不 | 完全可动画化 | 弹性生长、弹性收缩、弹性基础的简写 |
flex-basis | 不 | 完全可动画化 | 柔性项目的初始主尺寸,位于主挠曲轴上。最终布局可能更小或更大,具体取决于由其他柔性属性确定的弯曲收缩和增长。 |
flex-direction | 不 | 离散 | 在容器中布局子项的主轴方向。 |
flex-grow | 不 | 完全可动画化 | 指定项目相对于同一容器内其余灵活项目的增长方式。 |
flex-shrink | 不 | 完全可动画化 | 指定项目相对于同一容器内其余灵活项目将如何收缩。 |
flex-wrap | 不 | 离散 | 如果此容器中没有足够的可用空间,则在多行上放置子项。 |
font-size | 是的 | 完全可动画化 | 用于绘制元素文本的字体大小。 |
height | 不 | 完全可动画化 | 固定布局元素的高度。 |
justify-content | 不 | 离散 | 此容器主轴上儿童的理由。 |
left | 不 | 完全可动画化 | 布局期间与元素框的左距。 |
letter-spacing | 是的 | 完全可动画化 | 增加或减少字符之间的间距。 |
margin | 不 | 完全可动画化 | 上边距、右边距、下边距、左边距的简写 |
margin-bottom | 不 | 完全可动画化 | 在布局阶段为边距的底部边缘保留的空间。 |
margin-left | 不 | 完全可动画化 | 在布局阶段为边距的左边缘保留的空间。 |
margin-right | 不 | 完全可动画化 | 在布局阶段为边距的右边缘保留的空间。 |
margin-top | 不 | 完全可动画化 | 在布局阶段为边距的上边缘保留的空间。 |
max-height | 不 | 完全可动画化 | 元素的最大高度,当元素具有灵活性或测量其自身大小时。 |
max-width | 不 | 完全可动画化 | 元素的最大宽度,当元素灵活或测量其自身大小时。 |
min-height | 不 | 完全可动画化 | 元素的最小高度,当元素灵活或测量其自身大小时。 |
min-width | 不 | 完全可动画化 | 元素的最小宽度,当元素灵活或测量其自身大小时。 |
opacity | 不 | 完全可动画化 | 指定元素及其子元素的透明度。 |
overflow | 不 | 离散 | 容器在内容溢出自己的框时的行为方式。 |
padding | 不 | 完全可动画化 | 上填充、右填充、底部填充、左填充的简写 |
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 | 不 | 不可动画 | 确定如何为通过过渡效果修改的属性计算中间值。 |
translate | 不 | 完全可动画化 | 翻译转换。 |
-unity-background-image-tint-color | 不 | 完全可动画化 | 元素背景图像的着色颜色。 |
-unity-background-scale-mode | 不 | 离散 | 元素框中的背景图像缩放。 |
-unity-font | 是的 | 离散 | 用于绘制元素文本的字体,定义为 Font 对象。 |
-unity-font-definition | 是的 | 离散 | 用于绘制元素文本的字体,定义为 FontDefinition 结构。它优先于 。-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-outline | 不 | 完全可动画化 | 文本的轮廓宽度和颜色。 |
-unity-text-outline-color | 是的 | 完全可动画化 | 文本的轮廓颜色。 |
-unity-text-outline-width | 是的 | 完全可动画化 | 文本的轮廓宽度。 |
-unity-text-overflow-position | 不 | 离散 | 元素的文本溢出位置。 |
visibility | 是的 | 离散 | 指定元素是否可见。 |
white-space | 是的 | 离散 | 如果没有足够的空间可用于绘制元素的文本,则在多行上自动换行。 |
width | 不 | 完全可动画化 | 固定布局元素的宽度。 |
word-spacing | 是的 | 完全可动画化 | 增加或减少单词之间的间距。 |
由3D建模学习工作室整理翻译,转载请注明出处!