Version: 2022.2
Get started with text
Style text with rich text tags

Style text with USS

You can style text with USS text properties inline in UXML, a USS file, or directly in UI Builder.

Style text in USS and UXML

Text properties are regular USS style properties. You can set text style properties on any element. Unlike most USS style properties, text style properties propagate to child elements.

The following USS example styles the Label text to bold, italic, and have a font size of 39px:

Label {
    -unity-font-style: bold-and-italic; 
    font-size: 39px;
}

The following UXML inline style example applies the same style to the Label text:

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements">
    <ui:VisualElement>
        <ui:Label text="Label" style="-unity-font-style: bold-and-italic; font-size: 39px;" />
    </ui:VisualElement>
</ui:UXML>

Style text in UI builder

To style text in UI Builder, you can use the Text section in a UI control’s Inspector window to style text.

If the UI control is a text element that inherits from TextElement, such as Label or Button, you can also set the following text styles directly in the Canvas on selected text elements:

  • Horizontal text align
  • Vertical text align
  • Text wrap
Text styles are exposed as toggles in the Canvas on selected elements
Text styles are exposed as toggles in the Canvas on selected elements

其他资源

Get started with text
Style text with rich text tags