--- title: UI styling compatibility description: 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 `Class.GuiObject` is an abstract class from which most UI classes inherit, including [frames](../frames.md), [labels](../labels.md), [buttons](../buttons.md), and more.
Property Type
`Class.GuiObject.Active` boolean
`Class.GuiObject.AnchorPoint` `Datatype.Vector2`
`Class.GuiObject.AutomaticSize` `Enum.AutomaticSize`
`Class.GuiObject.BackgroundColor` `Datatype.BrickColor`
`Class.GuiObject.BackgroundColor3` `Datatype.Color3`
`Class.GuiObject.BackgroundTransparency` float
`Class.GuiObject.BorderColor3` `Datatype.Color3`
`Class.GuiObject.BorderMode` `Enum.BorderMode`
`Class.GuiObject.BorderSizePixel` integer
`Class.GuiObject.ClipsDescendants` boolean
`Class.GuiObject.Interactable` boolean
`Class.GuiObject.LayoutOrder` integer
`Class.GuiObject.Position` `Datatype.UDim2`
`Class.GuiObject.Rotation` float
`Class.GuiObject.Selectable` boolean
`Class.GuiObject.SelectionOrder` integer
`Class.GuiObject.Size` `Datatype.UDim2`
`Class.GuiObject.SizeConstraint` `Enum.SizeConstraint`
`Class.GuiObject.Transparency` float
`Class.GuiObject.Visible` boolean
`Class.GuiObject.ZIndex` integer
### GuiButton
Property Type
`Class.GuiButton.AutoButtonColor` boolean
### TextLabel
Property Type
`Class.TextLabel.Font` `Enum.Font`
`Class.TextLabel.FontFace` `Datatype.Font`
`Class.TextLabel.LineHeight` float
`Class.TextLabel.MaxVisibleGraphemes` integer
`Class.TextLabel.OpenTypeFeatures` string
`Class.TextLabel.RichText` boolean
`Class.TextLabel.Text` string
`Class.TextLabel.TextColor3` `Datatype.Color3`
`Class.TextLabel.TextDirection` `Enum.TextDirection`
`Class.TextLabel.TextScaled` boolean
`Class.TextLabel.TextSize` float
`Class.TextLabel.TextStrokeColor3` `Datatype.Color3`
`Class.TextLabel.TextStrokeTransparency` float
`Class.TextLabel.TextTransparency` float
`Class.TextLabel.TextTruncate` `Enum.TextTruncate`
`Class.TextLabel.TextWrapped` boolean
`Class.TextLabel.TextXAlignment` `Enum.TextXAlignment`
`Class.TextLabel.TextYAlignment` `Enum.TextYAlignment`
### TextButton
Property Type
`Class.TextButton.Font` `Enum.Font`
`Class.TextButton.FontFace` `Datatype.Font`
`Class.TextButton.LineHeight` float
`Class.TextButton.MaxVisibleGraphemes` integer
`Class.TextButton.OpenTypeFeatures` string
`Class.TextButton.RichText` boolean
`Class.TextButton.Text` string
`Class.TextButton.TextColor3` `Datatype.Color3`
`Class.TextButton.TextDirection` `Enum.TextDirection`
`Class.TextButton.TextScaled` boolean
`Class.TextButton.TextSize` float
`Class.TextButton.TextStrokeColor3` `Datatype.Color3`
`Class.TextButton.TextStrokeTransparency` float
`Class.TextButton.TextTransparency` float
`Class.TextButton.TextTruncate` `Enum.TextTruncate`
`Class.TextButton.TextWrapped` boolean
`Class.TextButton.TextXAlignment` `Enum.TextXAlignment`
`Class.TextButton.TextYAlignment` `Enum.TextYAlignment`
### ImageLabel
Property Type
`Class.ImageLabel.Image` `ContentId`
`Class.ImageLabel.ImageColor3` `Datatype.Color3`
`Class.ImageLabel.ImageContent` `Datatype.Content`
`Class.ImageLabel.ImageRectOffset` `Datatype.Vector2`
`Class.ImageLabel.ImageRectSize` `Datatype.Vector2`
`Class.ImageLabel.ImageTransparency` float
`Class.ImageLabel.ResampleMode` `Enum.ResamplerMode`
`Class.ImageLabel.ScaleType` `Enum.ScaleType`
`Class.ImageLabel.SliceCenter` `Datatype.Rect`
`Class.ImageLabel.SliceScale` float
`Class.ImageLabel.TileSize` `Datatype.UDim2`
### ImageButton
Property Type
`Class.ImageButton.HoverImage` `ContentId`
`Class.ImageButton.HoverImageContent` `Datatype.Content`
`Class.ImageButton.Image` `ContentId`
`Class.ImageButton.ImageColor3` `Datatype.Color3`
`Class.ImageButton.ImageContent` `Datatype.Content`
`Class.ImageButton.ImageRectOffset` `Datatype.Vector2`
`Class.ImageButton.ImageRectSize` `Datatype.Vector2`
`Class.ImageButton.ImageTransparency` float
`Class.ImageButton.PressedImage` `ContentId`
`Class.ImageButton.PressedImageContent` `Datatype.Content`
`Class.ImageButton.ResampleMode` `Enum.ResamplerMode`
`Class.ImageButton.ScaleType` `Enum.ScaleType`
`Class.ImageButton.SliceCenter` `Datatype.Rect`
`Class.ImageButton.SliceScale` float
`Class.ImageButton.TileSize` `Datatype.UDim2`
### TextBox
Property Type
`Class.TextBox.ClearTextOnFocus` boolean
`Class.TextBox.MultiLine` boolean
`Class.TextBox.PlaceholderColor3` `Datatype.Color3`
`Class.TextBox.PlaceholderText` string
`Class.TextBox.ShowNativeInput` string
`Class.TextBox.TextEditable` boolean
### ScrollingFrame
Property Type
`Class.ScrollingFrame.AutomaticCanvasSize` `Enum.AutomaticSize`
`Class.ScrollingFrame.BottomImage` `ContentId`
`Class.ScrollingFrame.BottomImageContent` `Datatype.Content`
`Class.ScrollingFrame.CanvasSize` `Datatype.UDim2`
`Class.ScrollingFrame.ElasticBehavior` `Enum.ElasticBehavior`
`Class.ScrollingFrame.HorizontalScrollBarInset` `Enum.ScrollBarInset`
`Class.ScrollingFrame.MidImage` `ContentId`
`Class.ScrollingFrame.MidImageContent` `Datatype.Content`
`Class.ScrollingFrame.ScrollBarImageColor3` `Datatype.Color3`
`Class.ScrollingFrame.ScrollBarImageTransparency` float
`Class.ScrollingFrame.ScrollBarThickness` float
`Class.ScrollingFrame.ScrollingDirection` `Enum.ScrollingDirection`
`Class.ScrollingFrame.ScrollingEnabled` boolean
`Class.ScrollingFrame.TopImage` `ContentId`
`Class.ScrollingFrame.TopImageContent` `Datatype.Content`
`Class.ScrollingFrame.VerticalScrollBarInset` `Enum.ScrollBarInset`
`Class.ScrollingFrame.VerticalScrollBarPosition` `Enum.VerticalScrollBarPosition`
### ViewportFrame
Property Type
`Class.ViewportFrame.Ambient` `Datatype.Color3`
`Class.ViewportFrame.ImageColor3` `Datatype.Color3`
`Class.ViewportFrame.ImageTransparency` float
`Class.ViewportFrame.LightColor` `Datatype.Color3`
`Class.ViewportFrame.LightDirection` `Datatype.Vector3`
### Path2D
Property Type
`Class.Path2D.Closed` boolean
`Class.Path2D.Color3` `Datatype.Color3`
`Class.Path2D.Thickness` float
`Class.Path2D.Visible` boolean
`Class.Path2D.ZIndex` integer
### CanvasGroup
Property Type
`Class.CanvasGroup.GroupColor3` `Datatype.Color3`
`Class.CanvasGroup.GroupTransparency` float
## Appearance modifiers ### UICorner
Property Type
`Class.UICorner.CornerRadius` `Datatype.UDim`
### UIGradient
Property Type
`Class.UIGradient.Color` `Datatype.ColorSequence`
`Class.UIGradient.Enabled` boolean
`Class.UIGradient.Offset` `Datatype.Vector2`
`Class.UIGradient.Rotation` float
`Class.UIGradient.Transparency` `Datatype.NumberSequence`
### UIPadding
Property Type
`Class.UIPadding.PaddingBottom` `Datatype.UDim`
`Class.UIPadding.PaddingLeft` `Datatype.UDim`
`Class.UIPadding.PaddingRight` `Datatype.UDim`
`Class.UIPadding.PaddingTop` `Datatype.UDim`
### UIStroke
Property Type
`Class.UIStroke.ApplyStrokeMode` `Enum.ApplyStrokeMode`
`Class.UIStroke.Color` `Datatype.Color3`
`Class.UIStroke.Enabled` boolean
`Class.UIStroke.LineJoinMode` `Enum.LineJoinMode`
`Class.UIStroke.Thickness` float
`Class.UIStroke.Transparency` float
## Layout structures ### UIListLayout
Property Type
`Class.UIListLayout.HorizontalFlex` `Enum.UIFlexAlignment`
`Class.UIListLayout.HorizontalPadding` `Datatype.UDim`
`Class.UIListLayout.ItemLineAlignment` `Enum.ItemLineAlignment`
`Class.UIListLayout.Padding` `Datatype.UDim`
`Class.UIListLayout.VerticalFlex` `Enum.UIFlexAlignment`
`Class.UIListLayout.VerticalPadding` `Datatype.UDim`
`Class.UIListLayout.Wraps` boolean
### UIGridStyleLayout
Property Type
`Class.UIGridStyleLayout.FillDirection` `Enum.FillDirection`
`Class.UIGridStyleLayout.HorizontalAlignment` `Enum.HorizontalAlignment`
`Class.UIGridStyleLayout.SortOrder` `Enum.SortOrder`
`Class.UIGridStyleLayout.VerticalAlignment` `Enum.VerticalAlignment`
### UIGridLayout
Property Type
`Class.UIGridLayout.CellPadding` `Datatype.UDim2`
`Class.UIGridLayout.CellSize` `Datatype.UDim2`
`Class.UIGridLayout.FillDirectionMaxCells` integer
`Class.UIGridLayout.StartCorner` `Enum.StartCorner`
### UIPageLayout
Property Type
`Class.UIPageLayout.Animated` boolean
`Class.UIPageLayout.Circular` boolean
`Class.UIPageLayout.EasingDirection` `Enum.EasingDirection`
`Class.UIPageLayout.EasingStyle` `Enum.EasingStyle`
`Class.UIPageLayout.GamepadInputEnabled` boolean
`Class.UIPageLayout.Padding` `Datatype.UDim`
`Class.UIPageLayout.ScrollWheelInputEnabled` boolean
`Class.UIPageLayout.TouchInputEnabled` boolean
`Class.UIPageLayout.TweenTime` float
## Size modifiers and constraints ### UIAspectRatioConstraint
Property Type
`Class.UIAspectRatioConstraint.AspectRatio` float
`Class.UIAspectRatioConstraint.AspectType` `Enum.AspectType`
`Class.UIAspectRatioConstraint.DominantAxis` `Enum.DominantAxis`
### UISizeConstraint
Property Type
`Class.UISizeConstraint.MaxSize` `Datatype.Vector2`
`Class.UISizeConstraint.MinSize` `Datatype.Vector2`
### UITextSizeConstraint
Property Type
`Class.UITextSizeConstraint.MaxTextSize` integer
`Class.UITextSizeConstraint.MinTextSize` integer
### UIScale
Property Type
`Class.UIScale.Scale` float
### UIFlexItem
Property Type
`Class.UIFlexItem.FlexMode` `Enum.UIFlexMode`
`Class.UIFlexItem.GrowRatio` float
`Class.UIFlexItem.ItemLineAlignment` `Enum.ItemLineAlignment`
`Class.UIFlexItem.ShrinkRatio` float