USS ссылка на свойства
В следующей таблице перечислены свойства USS в UI Toolkit.
В таблице указано, какие свойства наследуются и их анимированность. Для наследуемого свойства элемент получает значение от родительского элемента, если для него не указано значение. В следующем примере наследуемое свойство используется для установки шрифта для всех элементов.
:root {
-unity-font: resource("Font/consola.ttf");
}
Щелкните имя свойства, чтобы просмотреть подробные сведения о нем.
Примечание: Использование USS свойство, что то же самое, что и CSS ссылки на документацию для разработчиков 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 |
Нет | Полностью анимированный | Значение размера фонового изображения. Переходы полностью поддерживаются только при использовании размера в пикселях или процентах, таких как переходы от пикселя к пикселю или от процента к проценту. |
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, на главной оси Flex. Окончательная раскладка может быть меньше или больше, в зависимости от уменьшения и увеличения Flex, определяемого другими свойствами Flex. |
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 |
Да | Дискретный | Стиль и толщина шрифта (обычный, жирный, курсив) для рисования текста элемента. |
-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 |
Да | Полностью анимированный | Увеличивает или уменьшает пробел между словами. |