UI styling compatibility

Outlines all of the classes and associated properties which can be styled.

The following tables outline all of the classes and associated properties which can be styled. Additional support may be added over time, so please bookmark this page for reference.

UI objects#

GuiObject#

GuiObject is an abstract class from which most UI classes inherit, including frames, labels, buttons, and more.

Property	Type
`GuiObject.Active`	boolean
`GuiObject.AnchorPoint`	`Vector2`
`GuiObject.AutomaticSize`	`AutomaticSize`
`GuiObject.BackgroundColor`	`BrickColor`
`GuiObject.BackgroundColor3`	`Color3`
`GuiObject.BackgroundTransparency`	float
`GuiObject.BorderColor3`	`Color3`
`GuiObject.BorderMode`	`BorderMode`
`GuiObject.BorderSizePixel`	integer
`GuiObject.ClipsDescendants`	boolean
`GuiObject.Interactable`	boolean
`GuiObject.LayoutOrder`	integer
`GuiObject.Position`	`UDim2`
`GuiObject.Rotation`	float
`GuiObject.Selectable`	boolean
`GuiObject.SelectionOrder`	integer
`GuiObject.Size`	`UDim2`
`GuiObject.SizeConstraint`	`SizeConstraint`
`GuiObject.Transparency`	float
`GuiObject.Visible`	boolean
`GuiObject.ZIndex`	integer

GuiButton#

Property	Type
`GuiButton.AutoButtonColor`	boolean

Property	Type
`TextLabel.Font`	`Font`
`TextLabel.FontFace`	`Font`
`TextLabel.LineHeight`	float
`TextLabel.MaxVisibleGraphemes`	integer
`TextLabel.OpenTypeFeatures`	string
`TextLabel.RichText`	boolean
`TextLabel.Text`	string
`TextLabel.TextColor3`	`Color3`
`TextLabel.TextDirection`	`TextDirection`
`TextLabel.TextScaled`	boolean
`TextLabel.TextSize`	float
`TextLabel.TextStrokeColor3`	`Color3`
`TextLabel.TextStrokeTransparency`	float
`TextLabel.TextTransparency`	float
`TextLabel.TextTruncate`	`TextTruncate`
`TextLabel.TextWrapped`	boolean
`TextLabel.TextXAlignment`	`TextXAlignment`
`TextLabel.TextYAlignment`	`TextYAlignment`

Property	Type
`TextButton.Font`	`Font`
`TextButton.FontFace`	`Font`
`TextButton.LineHeight`	float
`TextButton.MaxVisibleGraphemes`	integer
`TextButton.OpenTypeFeatures`	string
`TextButton.RichText`	boolean
`TextButton.Text`	string
`TextButton.TextColor3`	`Color3`
`TextButton.TextDirection`	`TextDirection`
`TextButton.TextScaled`	boolean
`TextButton.TextSize`	float
`TextButton.TextStrokeColor3`	`Color3`
`TextButton.TextStrokeTransparency`	float
`TextButton.TextTransparency`	float
`TextButton.TextTruncate`	`TextTruncate`
`TextButton.TextWrapped`	boolean
`TextButton.TextXAlignment`	`TextXAlignment`
`TextButton.TextYAlignment`	`TextYAlignment`

Property	Type
`ImageLabel.Image`	`ContentId`
`ImageLabel.ImageColor3`	`Color3`
`ImageLabel.ImageContent`	`Content`
`ImageLabel.ImageRectOffset`	`Vector2`
`ImageLabel.ImageRectSize`	`Vector2`
`ImageLabel.ImageTransparency`	float
`ImageLabel.ResampleMode`	`ResamplerMode`
`ImageLabel.ScaleType`	`ScaleType`
`ImageLabel.SliceCenter`	`Rect`
`ImageLabel.SliceScale`	float
`ImageLabel.TileSize`	`UDim2`

Property	Type
`ImageButton.HoverImage`	`ContentId`
`ImageButton.HoverImageContent`	`Content`
`ImageButton.Image`	`ContentId`
`ImageButton.ImageColor3`	`Color3`
`ImageButton.ImageContent`	`Content`
`ImageButton.ImageRectOffset`	`Vector2`
`ImageButton.ImageRectSize`	`Vector2`
`ImageButton.ImageTransparency`	float
`ImageButton.PressedImage`	`ContentId`
`ImageButton.PressedImageContent`	`Content`
`ImageButton.ResampleMode`	`ResamplerMode`
`ImageButton.ScaleType`	`ScaleType`
`ImageButton.SliceCenter`	`Rect`
`ImageButton.SliceScale`	float
`ImageButton.TileSize`	`UDim2`

Property	Type
`InputActionLabel.FontFace`	`Font`
`InputActionLabel.ImageColor3`	`Color3`
`InputActionLabel.ImageTransparency`	float
`InputActionLabel.TextColor3`	`Color3`
`InputActionLabel.TextSize`	float
`InputActionLabel.TextTransparency`	float
`InputActionLabel.TextWrapped`	boolean
`InputActionLabel.TextXAlignment`	`TextXAlignment`
`InputActionLabel.TextYAlignment`	`TextYAlignment`

UI styling compatibility

UI objects#

GuiObject#

GuiButton#

TextLabel#

TextButton#

ImageLabel#

ImageButton#

InputActionLabel#

TextBox#

ScrollingFrame#

ViewportFrame#

Path2D#

CanvasGroup#

Appearance modifiers#

UICorner#

UIGradient#

UIPadding#

UIShadow#

UIStroke#

Layout structures#

UIListLayout#

UIGridStyleLayout#

UIGridLayout#

UIPageLayout#

Size modifiers and constraints#

UIAspectRatioConstraint#

UISizeConstraint#

UITextSizeConstraint#

UIScale#

UIFlexItem#

StyleQuery#

Property	Type
`TextBox.ClearTextOnFocus`	boolean
`TextBox.MultiLine`	boolean
`TextBox.PlaceholderColor3`	`Color3`
`TextBox.PlaceholderText`	string
`TextBox.ShowNativeInput`	string
`TextBox.TextEditable`	boolean

Property	Type
`ScrollingFrame.AutomaticCanvasSize`	`AutomaticSize`
`ScrollingFrame.BottomImage`	`ContentId`
`ScrollingFrame.BottomImageContent`	`Content`
`ScrollingFrame.CanvasSize`	`UDim2`
`ScrollingFrame.ElasticBehavior`	`ElasticBehavior`
`ScrollingFrame.HorizontalScrollBarInset`	`ScrollBarInset`
`ScrollingFrame.MidImage`	`ContentId`
`ScrollingFrame.MidImageContent`	`Content`
`ScrollingFrame.ScrollBarImageColor3`	`Color3`
`ScrollingFrame.ScrollBarImageTransparency`	float
`ScrollingFrame.ScrollBarThickness`	float
`ScrollingFrame.ScrollingDirection`	`ScrollingDirection`
`ScrollingFrame.ScrollingEnabled`	boolean
`ScrollingFrame.TopImage`	`ContentId`
`ScrollingFrame.TopImageContent`	`Content`
`ScrollingFrame.VerticalScrollBarInset`	`ScrollBarInset`
`ScrollingFrame.VerticalScrollBarPosition`	`VerticalScrollBarPosition`

Property	Type
`ViewportFrame.Ambient`	`Color3`
`ViewportFrame.ImageColor3`	`Color3`
`ViewportFrame.ImageTransparency`	float
`ViewportFrame.LightColor`	`Color3`
`ViewportFrame.LightDirection`	`Vector3`

Property	Type
`Path2D.Closed`	boolean
`Path2D.Color3`	`Color3`
`Path2D.Thickness`	float
`Path2D.Visible`	boolean
`Path2D.ZIndex`	integer

Property	Type
`CanvasGroup.GroupColor3`	`Color3`
`CanvasGroup.GroupTransparency`	float

Property	Type
`UICorner.CornerRadius`	`UDim`
`UICorner.BottomLeftRadius`	`UDim`
`UICorner.BottomRightRadius`	`UDim`
`UICorner.TopLeftRadius`	`UDim`
`UICorner.TopRightRadius`	`UDim`

Property	Type
`UIGradient.Color`	`ColorSequence`
`UIGradient.Enabled`	boolean
`UIGradient.Offset`	`Vector2`
`UIGradient.Rotation`	float
`UIGradient.Transparency`	`NumberSequence`

Property	Type
`UIPadding.PaddingBottom`	`UDim`
`UIPadding.PaddingLeft`	`UDim`
`UIPadding.PaddingRight`	`UDim`
`UIPadding.PaddingTop`	`UDim`

Property	Type
`UIShadow.BlurRadius`	`UDim`
`UIShadow.Color`	`Color3`
`UIShadow.Offset`	`UDim2`
`UIShadow.Spread`	`UDim2`
`UIShadow.Transparency`	float
`UIShadow.ZIndex`	integer

Property	Type
`UIStroke.ApplyStrokeMode`	`ApplyStrokeMode`
`UIStroke.Color`	`Color3`
`UIStroke.Enabled`	boolean
`UIStroke.LineJoinMode`	`LineJoinMode`
`UIStroke.Thickness`	float
`UIStroke.Transparency`	float

Property	Type
`UIListLayout.HorizontalFlex`	`UIFlexAlignment`
`UIListLayout.HorizontalPadding`	`UDim`
`UIListLayout.ItemLineAlignment`	`ItemLineAlignment`
`UIListLayout.Padding`	`UDim`
`UIListLayout.VerticalFlex`	`UIFlexAlignment`
`UIListLayout.VerticalPadding`	`UDim`
`UIListLayout.Wraps`	boolean

Property	Type
`UIGridStyleLayout.FillDirection`	`FillDirection`
`UIGridStyleLayout.HorizontalAlignment`	`HorizontalAlignment`
`UIGridStyleLayout.SortOrder`	`SortOrder`
`UIGridStyleLayout.VerticalAlignment`	`VerticalAlignment`

Property	Type
`UIGridLayout.CellPadding`	`UDim2`
`UIGridLayout.CellSize`	`UDim2`
`UIGridLayout.FillDirectionMaxCells`	integer
`UIGridLayout.StartCorner`	`StartCorner`

Property	Type
`UIPageLayout.Animated`	boolean
`UIPageLayout.Circular`	boolean
`UIPageLayout.EasingDirection`	`EasingDirection`
`UIPageLayout.EasingStyle`	`EasingStyle`
`UIPageLayout.GamepadInputEnabled`	boolean
`UIPageLayout.Padding`	`UDim`
`UIPageLayout.ScrollWheelInputEnabled`	boolean
`UIPageLayout.TouchInputEnabled`	boolean
`UIPageLayout.TweenTime`	float

Property	Type
`UIAspectRatioConstraint.AspectRatio`	float
`UIAspectRatioConstraint.AspectType`	`AspectType`
`UIAspectRatioConstraint.DominantAxis`	`DominantAxis`

Property	Type
`UISizeConstraint.MaxSize`	`Vector2`
`UISizeConstraint.MinSize`	`Vector2`

Property	Type
`UITextSizeConstraint.MaxTextSize`	integer
`UITextSizeConstraint.MinTextSize`	integer

Property	Type
`UIFlexItem.FlexMode`	`UIFlexMode`
`UIFlexItem.GrowRatio`	float
`UIFlexItem.ItemLineAlignment`	`ItemLineAlignment`
`UIFlexItem.ShrinkRatio`	float

Property	Type
`StyleQuery.AspectRatioRange`	`NumberRange`
`StyleQuery.MaxSize`	`Vector2`
`StyleQuery.MinSize`	`Vector2`
`StyleQuery.PreferredInputType`	`PreferredInput`
`StyleQuery.ReduceMotionEnabled`	boolean
`StyleQuery.ViewportDisplaySize`	`DisplaySize`