以下の表は、UI Toolkit の 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 |
あり | アニメーション化不可 | TextElement エディターレンダリングモード。 |
-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-generator |
あり | アニメーション化不可 | テキスト生成での Unity の Standard と Advanced の切り替え |
-unity-text-outline |
なし | すべてアニメーション化可能 | テキストのアウトラインの幅と色。 |
-unity-text-outline-color |
あり | すべてアニメーション化可能 | テキストのアウトラインの色。 |
-unity-text-outline-width |
あり | すべてアニメーション化可能 | テキストのアウトラインの幅。 |
-unity-text-overflow-position |
なし | 個別 | 要素のテキストオーバーフローの位置。 |
visibility |
あり | 個別 | 要素の可視性を指定します。 |
white-space |
あり | 個別 | 要素のテキストを描画するスペースが不足している場合の複数行での行送り。 |
width |
なし | すべてアニメーション化可能 | そのレイアウトでの要素の固定の幅。 |
word-spacing |
あり | すべてアニメーション化可能 | 語間のスペースの増減。 |