Documentation / Roblox Documentation / Roblox Guides 3 min read
Source: Roblox Creator Hub · CC BY 4.0 · View source · Code samples: MIT Imported 2026-10-03. Formatting adapted for this site.
UI styling compatibility 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 GuiObjectframes , labels , buttons , and more.
Property Type [`GuiObject.Active`](/docs/guiobject#guiobject-active) boolean [`GuiObject.AnchorPoint`](/docs/guiobject#guiobject-anchorpoint) [`Vector2`](/docs/vector2) [`GuiObject.AutomaticSize`](/docs/guiobject#guiobject-automaticsize) [`AutomaticSize`](/docs/enum-automaticsize) [`GuiObject.BackgroundColor`](/docs/guiobject#guiobject-backgroundcolor) [`BrickColor`](/docs/brickcolor) [`GuiObject.BackgroundColor3`](/docs/guiobject#guiobject-backgroundcolor3) [`Color3`](/docs/color3) [`GuiObject.BackgroundTransparency`](/docs/guiobject#guiobject-backgroundtransparency) float [`GuiObject.BorderColor3`](/docs/guiobject#guiobject-bordercolor3) [`Color3`](/docs/color3) [`GuiObject.BorderMode`](/docs/guiobject#guiobject-bordermode) [`BorderMode`](/docs/enum-bordermode) [`GuiObject.BorderSizePixel`](/docs/guiobject#guiobject-bordersizepixel) integer [`GuiObject.ClipsDescendants`](/docs/guiobject#guiobject-clipsdescendants) boolean [`GuiObject.Interactable`](/docs/guiobject#guiobject-interactable) boolean [`GuiObject.LayoutOrder`](/docs/guiobject#guiobject-layoutorder) integer [`GuiObject.Position`](/docs/guiobject#guiobject-position) [`UDim2`](/docs/udim2) [`GuiObject.Rotation`](/docs/guiobject#guiobject-rotation) float [`GuiObject.Selectable`](/docs/guiobject#guiobject-selectable) boolean [`GuiObject.SelectionOrder`](/docs/guiobject#guiobject-selectionorder) integer [`GuiObject.Size`](/docs/guiobject#guiobject-size) [`UDim2`](/docs/udim2) [`GuiObject.SizeConstraint`](/docs/guiobject#guiobject-sizeconstraint) [`SizeConstraint`](/docs/enum-sizeconstraint) [`GuiObject.Transparency`](/docs/guiobject#guiobject-transparency) float [`GuiObject.Visible`](/docs/guiobject#guiobject-visible) boolean [`GuiObject.ZIndex`](/docs/guiobject#guiobject-zindex) integer
Property Type [`GuiButton.AutoButtonColor`](/docs/guibutton#guibutton-autobuttoncolor) boolean
TextLabel Property Type [`TextLabel.Font`](/docs/textlabel#textlabel-font) [`Font`](/docs/enum-font) [`TextLabel.FontFace`](/docs/textlabel#textlabel-fontface) [`Font`](/docs/font) [`TextLabel.LineHeight`](/docs/textlabel#textlabel-lineheight) float [`TextLabel.MaxVisibleGraphemes`](/docs/textlabel#textlabel-maxvisiblegraphemes) integer [`TextLabel.OpenTypeFeatures`](/docs/textlabel#textlabel-opentypefeatures) string [`TextLabel.RichText`](/docs/textlabel#textlabel-richtext) boolean [`TextLabel.Text`](/docs/textlabel#textlabel-text) string [`TextLabel.TextColor3`](/docs/textlabel#textlabel-textcolor3) [`Color3`](/docs/color3) [`TextLabel.TextDirection`](/docs/textlabel#textlabel-textdirection) [`TextDirection`](/docs/enum-textdirection) [`TextLabel.TextScaled`](/docs/textlabel#textlabel-textscaled) boolean [`TextLabel.TextSize`](/docs/textlabel#textlabel-textsize) float [`TextLabel.TextStrokeColor3`](/docs/textlabel#textlabel-textstrokecolor3) [`Color3`](/docs/color3) [`TextLabel.TextStrokeTransparency`](/docs/textlabel#textlabel-textstroketransparency) float [`TextLabel.TextTransparency`](/docs/textlabel#textlabel-texttransparency) float [`TextLabel.TextTruncate`](/docs/textlabel#textlabel-texttruncate) [`TextTruncate`](/docs/enum-texttruncate) [`TextLabel.TextWrapped`](/docs/textlabel#textlabel-textwrapped) boolean [`TextLabel.TextXAlignment`](/docs/textlabel#textlabel-textxalignment) [`TextXAlignment`](/docs/enum-textxalignment) [`TextLabel.TextYAlignment`](/docs/textlabel#textlabel-textyalignment) [`TextYAlignment`](/docs/enum-textyalignment)
TextButton Property Type [`TextButton.Font`](/docs/textbutton#textbutton-font) [`Font`](/docs/enum-font) [`TextButton.FontFace`](/docs/textbutton#textbutton-fontface) [`Font`](/docs/font) [`TextButton.LineHeight`](/docs/textbutton#textbutton-lineheight) float [`TextButton.MaxVisibleGraphemes`](/docs/textbutton#textbutton-maxvisiblegraphemes) integer [`TextButton.OpenTypeFeatures`](/docs/textbutton#textbutton-opentypefeatures) string [`TextButton.RichText`](/docs/textbutton#textbutton-richtext) boolean [`TextButton.Text`](/docs/textbutton#textbutton-text) string [`TextButton.TextColor3`](/docs/textbutton#textbutton-textcolor3) [`Color3`](/docs/color3) [`TextButton.TextDirection`](/docs/textbutton#textbutton-textdirection) [`TextDirection`](/docs/enum-textdirection) [`TextButton.TextScaled`](/docs/textbutton#textbutton-textscaled) boolean [`TextButton.TextSize`](/docs/textbutton#textbutton-textsize) float [`TextButton.TextStrokeColor3`](/docs/textbutton#textbutton-textstrokecolor3) [`Color3`](/docs/color3) [`TextButton.TextStrokeTransparency`](/docs/textbutton#textbutton-textstroketransparency) float [`TextButton.TextTransparency`](/docs/textbutton#textbutton-texttransparency) float [`TextButton.TextTruncate`](/docs/textbutton#textbutton-texttruncate) [`TextTruncate`](/docs/enum-texttruncate) [`TextButton.TextWrapped`](/docs/textbutton#textbutton-textwrapped) boolean [`TextButton.TextXAlignment`](/docs/textbutton#textbutton-textxalignment) [`TextXAlignment`](/docs/enum-textxalignment) [`TextButton.TextYAlignment`](/docs/textbutton#textbutton-textyalignment) [`TextYAlignment`](/docs/enum-textyalignment)
ImageLabel Property Type [`ImageLabel.Image`](/docs/imagelabel#imagelabel-image) `ContentId` [`ImageLabel.ImageColor3`](/docs/imagelabel#imagelabel-imagecolor3) [`Color3`](/docs/color3) [`ImageLabel.ImageContent`](/docs/imagelabel#imagelabel-imagecontent) [`Content`](/docs/content) [`ImageLabel.ImageRectOffset`](/docs/imagelabel#imagelabel-imagerectoffset) [`Vector2`](/docs/vector2) [`ImageLabel.ImageRectSize`](/docs/imagelabel#imagelabel-imagerectsize) [`Vector2`](/docs/vector2) [`ImageLabel.ImageTransparency`](/docs/imagelabel#imagelabel-imagetransparency) float [`ImageLabel.ResampleMode`](/docs/imagelabel#imagelabel-resamplemode) [`ResamplerMode`](/docs/enum-resamplermode) [`ImageLabel.ScaleType`](/docs/imagelabel#imagelabel-scaletype) [`ScaleType`](/docs/enum-scaletype) [`ImageLabel.SliceCenter`](/docs/imagelabel#imagelabel-slicecenter) [`Rect`](/docs/rect) [`ImageLabel.SliceScale`](/docs/imagelabel#imagelabel-slicescale) float [`ImageLabel.TileSize`](/docs/imagelabel#imagelabel-tilesize) [`UDim2`](/docs/udim2)
Property Type [`ImageButton.HoverImage`](/docs/imagebutton#imagebutton-hoverimage) `ContentId` [`ImageButton.HoverImageContent`](/docs/imagebutton#imagebutton-hoverimagecontent) [`Content`](/docs/content) [`ImageButton.Image`](/docs/imagebutton#imagebutton-image) `ContentId` [`ImageButton.ImageColor3`](/docs/imagebutton#imagebutton-imagecolor3) [`Color3`](/docs/color3) [`ImageButton.ImageContent`](/docs/imagebutton#imagebutton-imagecontent) [`Content`](/docs/content) [`ImageButton.ImageRectOffset`](/docs/imagebutton#imagebutton-imagerectoffset) [`Vector2`](/docs/vector2) [`ImageButton.ImageRectSize`](/docs/imagebutton#imagebutton-imagerectsize) [`Vector2`](/docs/vector2) [`ImageButton.ImageTransparency`](/docs/imagebutton#imagebutton-imagetransparency) float [`ImageButton.PressedImage`](/docs/imagebutton#imagebutton-pressedimage) `ContentId` [`ImageButton.PressedImageContent`](/docs/imagebutton#imagebutton-pressedimagecontent) [`Content`](/docs/content) [`ImageButton.ResampleMode`](/docs/imagebutton#imagebutton-resamplemode) [`ResamplerMode`](/docs/enum-resamplermode) [`ImageButton.ScaleType`](/docs/imagebutton#imagebutton-scaletype) [`ScaleType`](/docs/enum-scaletype) [`ImageButton.SliceCenter`](/docs/imagebutton#imagebutton-slicecenter) [`Rect`](/docs/rect) [`ImageButton.SliceScale`](/docs/imagebutton#imagebutton-slicescale) float [`ImageButton.TileSize`](/docs/imagebutton#imagebutton-tilesize) [`UDim2`](/docs/udim2)
Property Type [`InputActionLabel.FontFace`](/docs/inputactionlabel#inputactionlabel-fontface) [`Font`](/docs/font) [`InputActionLabel.ImageColor3`](/docs/inputactionlabel#inputactionlabel-imagecolor3) [`Color3`](/docs/color3) [`InputActionLabel.ImageTransparency`](/docs/inputactionlabel#inputactionlabel-imagetransparency) float [`InputActionLabel.TextColor3`](/docs/inputactionlabel#inputactionlabel-textcolor3) [`Color3`](/docs/color3) [`InputActionLabel.TextSize`](/docs/inputactionlabel#inputactionlabel-textsize) float [`InputActionLabel.TextTransparency`](/docs/inputactionlabel#inputactionlabel-texttransparency) float [`InputActionLabel.TextWrapped`](/docs/inputactionlabel#inputactionlabel-textwrapped) boolean [`InputActionLabel.TextXAlignment`](/docs/inputactionlabel#inputactionlabel-textxalignment) [`TextXAlignment`](/docs/enum-textxalignment) [`InputActionLabel.TextYAlignment`](/docs/inputactionlabel#inputactionlabel-textyalignment) [`TextYAlignment`](/docs/enum-textyalignment)
TextBox Property Type [`TextBox.ClearTextOnFocus`](/docs/textbox#textbox-cleartextonfocus) boolean [`TextBox.MultiLine`](/docs/textbox#textbox-multiline) boolean [`TextBox.PlaceholderColor3`](/docs/textbox#textbox-placeholdercolor3) [`Color3`](/docs/color3) [`TextBox.PlaceholderText`](/docs/textbox#textbox-placeholdertext) string [`TextBox.ShowNativeInput`](/docs/textbox#textbox-shownativeinput) string [`TextBox.TextEditable`](/docs/textbox#textbox-texteditable) boolean
Property Type [`ScrollingFrame.AutomaticCanvasSize`](/docs/scrollingframe#scrollingframe-automaticcanvassize) [`AutomaticSize`](/docs/enum-automaticsize) [`ScrollingFrame.BottomImage`](/docs/scrollingframe#scrollingframe-bottomimage) `ContentId` [`ScrollingFrame.BottomImageContent`](/docs/scrollingframe#scrollingframe-bottomimagecontent) [`Content`](/docs/content) [`ScrollingFrame.CanvasSize`](/docs/scrollingframe#scrollingframe-canvassize) [`UDim2`](/docs/udim2) [`ScrollingFrame.ElasticBehavior`](/docs/scrollingframe#scrollingframe-elasticbehavior) [`ElasticBehavior`](/docs/enum-elasticbehavior) [`ScrollingFrame.HorizontalScrollBarInset`](/docs/scrollingframe#scrollingframe-horizontalscrollbarinset) [`ScrollBarInset`](/docs/enum-scrollbarinset) [`ScrollingFrame.MidImage`](/docs/scrollingframe#scrollingframe-midimage) `ContentId` [`ScrollingFrame.MidImageContent`](/docs/scrollingframe#scrollingframe-midimagecontent) [`Content`](/docs/content) [`ScrollingFrame.ScrollBarImageColor3`](/docs/scrollingframe#scrollingframe-scrollbarimagecolor3) [`Color3`](/docs/color3) [`ScrollingFrame.ScrollBarImageTransparency`](/docs/scrollingframe#scrollingframe-scrollbarimagetransparency) float [`ScrollingFrame.ScrollBarThickness`](/docs/scrollingframe#scrollingframe-scrollbarthickness) float [`ScrollingFrame.ScrollingDirection`](/docs/scrollingframe#scrollingframe-scrollingdirection) [`ScrollingDirection`](/docs/enum-scrollingdirection) [`ScrollingFrame.ScrollingEnabled`](/docs/scrollingframe#scrollingframe-scrollingenabled) boolean [`ScrollingFrame.TopImage`](/docs/scrollingframe#scrollingframe-topimage) `ContentId` [`ScrollingFrame.TopImageContent`](/docs/scrollingframe#scrollingframe-topimagecontent) [`Content`](/docs/content) [`ScrollingFrame.VerticalScrollBarInset`](/docs/scrollingframe#scrollingframe-verticalscrollbarinset) [`ScrollBarInset`](/docs/enum-scrollbarinset) [`ScrollingFrame.VerticalScrollBarPosition`](/docs/scrollingframe#scrollingframe-verticalscrollbarposition) [`VerticalScrollBarPosition`](/docs/enum-verticalscrollbarposition)
ViewportFrame Property Type [`ViewportFrame.Ambient`](/docs/viewportframe#viewportframe-ambient) [`Color3`](/docs/color3) [`ViewportFrame.ImageColor3`](/docs/viewportframe#viewportframe-imagecolor3) [`Color3`](/docs/color3) [`ViewportFrame.ImageTransparency`](/docs/viewportframe#viewportframe-imagetransparency) float [`ViewportFrame.LightColor`](/docs/viewportframe#viewportframe-lightcolor) [`Color3`](/docs/color3) [`ViewportFrame.LightDirection`](/docs/viewportframe#viewportframe-lightdirection) [`Vector3`](/docs/vector3)
Path2D Property Type [`Path2D.Closed`](/docs/path2d#path2d-closed) boolean [`Path2D.Color3`](/docs/path2d#path2d-color3) [`Color3`](/docs/color3) [`Path2D.Thickness`](/docs/path2d#path2d-thickness) float [`Path2D.Visible`](/docs/path2d#path2d-visible) boolean [`Path2D.ZIndex`](/docs/path2d#path2d-zindex) integer
CanvasGroup Property Type [`CanvasGroup.GroupColor3`](/docs/canvasgroup#canvasgroup-groupcolor3) [`Color3`](/docs/color3) [`CanvasGroup.GroupTransparency`](/docs/canvasgroup#canvasgroup-grouptransparency) float
Appearance modifiers UICorner Property Type [`UICorner.CornerRadius`](/docs/uicorner#uicorner-cornerradius) [`UDim`](/docs/udim) [`UICorner.BottomLeftRadius`](/docs/uicorner#uicorner-bottomleftradius) [`UDim`](/docs/udim) [`UICorner.BottomRightRadius`](/docs/uicorner#uicorner-bottomrightradius) [`UDim`](/docs/udim) [`UICorner.TopLeftRadius`](/docs/uicorner#uicorner-topleftradius) [`UDim`](/docs/udim) [`UICorner.TopRightRadius`](/docs/uicorner#uicorner-toprightradius) [`UDim`](/docs/udim)
UIGradient Property Type [`UIGradient.Color`](/docs/uigradient#uigradient-color) [`ColorSequence`](/docs/colorsequence) [`UIGradient.Enabled`](/docs/uigradient#uigradient-enabled) boolean [`UIGradient.Offset`](/docs/uigradient#uigradient-offset) [`Vector2`](/docs/vector2) [`UIGradient.Rotation`](/docs/uigradient#uigradient-rotation) float [`UIGradient.Transparency`](/docs/uigradient#uigradient-transparency) [`NumberSequence`](/docs/numbersequence)
UIPadding Property Type [`UIPadding.PaddingBottom`](/docs/uipadding#uipadding-paddingbottom) [`UDim`](/docs/udim) [`UIPadding.PaddingLeft`](/docs/uipadding#uipadding-paddingleft) [`UDim`](/docs/udim) [`UIPadding.PaddingRight`](/docs/uipadding#uipadding-paddingright) [`UDim`](/docs/udim) [`UIPadding.PaddingTop`](/docs/uipadding#uipadding-paddingtop) [`UDim`](/docs/udim)
UIShadow Property Type [`UIShadow.BlurRadius`](/docs/uishadow#uishadow-blurradius) [`UDim`](/docs/udim) [`UIShadow.Color`](/docs/uishadow#uishadow-color) [`Color3`](/docs/color3) [`UIShadow.Offset`](/docs/uishadow#uishadow-offset) [`UDim2`](/docs/udim2) [`UIShadow.Spread`](/docs/uishadow#uishadow-spread) [`UDim2`](/docs/udim2) [`UIShadow.Transparency`](/docs/uishadow#uishadow-transparency) float [`UIShadow.ZIndex`](/docs/uishadow#uishadow-zindex) integer
UIStroke Property Type [`UIStroke.ApplyStrokeMode`](/docs/uistroke#uistroke-applystrokemode) [`ApplyStrokeMode`](/docs/enum-applystrokemode) [`UIStroke.Color`](/docs/uistroke#uistroke-color) [`Color3`](/docs/color3) [`UIStroke.Enabled`](/docs/uistroke#uistroke-enabled) boolean [`UIStroke.LineJoinMode`](/docs/uistroke#uistroke-linejoinmode) [`LineJoinMode`](/docs/enum-linejoinmode) [`UIStroke.Thickness`](/docs/uistroke#uistroke-thickness) float [`UIStroke.Transparency`](/docs/uistroke#uistroke-transparency) float
Layout structures UIListLayout Property Type [`UIListLayout.HorizontalFlex`](/docs/uilistlayout#uilistlayout-horizontalflex) [`UIFlexAlignment`](/docs/enum-uiflexalignment) [`UIListLayout.HorizontalPadding`](/docs/uilistlayout) [`UDim`](/docs/udim) [`UIListLayout.ItemLineAlignment`](/docs/uilistlayout#uilistlayout-itemlinealignment) [`ItemLineAlignment`](/docs/enum-itemlinealignment) [`UIListLayout.Padding`](/docs/uilistlayout#uilistlayout-padding) [`UDim`](/docs/udim) [`UIListLayout.VerticalFlex`](/docs/uilistlayout#uilistlayout-verticalflex) [`UIFlexAlignment`](/docs/enum-uiflexalignment) [`UIListLayout.VerticalPadding`](/docs/uilistlayout) [`UDim`](/docs/udim) [`UIListLayout.Wraps`](/docs/uilistlayout#uilistlayout-wraps) boolean
UIGridStyleLayout Property Type [`UIGridStyleLayout.FillDirection`](/docs/uigridstylelayout#uigridstylelayout-filldirection) [`FillDirection`](/docs/enum-filldirection) [`UIGridStyleLayout.HorizontalAlignment`](/docs/uigridstylelayout#uigridstylelayout-horizontalalignment) [`HorizontalAlignment`](/docs/enum-horizontalalignment) [`UIGridStyleLayout.SortOrder`](/docs/uigridstylelayout#uigridstylelayout-sortorder) [`SortOrder`](/docs/enum-sortorder) [`UIGridStyleLayout.VerticalAlignment`](/docs/uigridstylelayout#uigridstylelayout-verticalalignment) [`VerticalAlignment`](/docs/enum-verticalalignment)
UIGridLayout Property Type [`UIGridLayout.CellPadding`](/docs/uigridlayout#uigridlayout-cellpadding) [`UDim2`](/docs/udim2) [`UIGridLayout.CellSize`](/docs/uigridlayout#uigridlayout-cellsize) [`UDim2`](/docs/udim2) [`UIGridLayout.FillDirectionMaxCells`](/docs/uigridlayout#uigridlayout-filldirectionmaxcells) integer [`UIGridLayout.StartCorner`](/docs/uigridlayout#uigridlayout-startcorner) [`StartCorner`](/docs/enum-startcorner)
UIPageLayout Property Type [`UIPageLayout.Animated`](/docs/uipagelayout#uipagelayout-animated) boolean [`UIPageLayout.Circular`](/docs/uipagelayout#uipagelayout-circular) boolean [`UIPageLayout.EasingDirection`](/docs/uipagelayout#uipagelayout-easingdirection) [`EasingDirection`](/docs/enum-easingdirection) [`UIPageLayout.EasingStyle`](/docs/uipagelayout#uipagelayout-easingstyle) [`EasingStyle`](/docs/enum-easingstyle) [`UIPageLayout.GamepadInputEnabled`](/docs/uipagelayout#uipagelayout-gamepadinputenabled) boolean [`UIPageLayout.Padding`](/docs/uipagelayout#uipagelayout-padding) [`UDim`](/docs/udim) [`UIPageLayout.ScrollWheelInputEnabled`](/docs/uipagelayout#uipagelayout-scrollwheelinputenabled) boolean [`UIPageLayout.TouchInputEnabled`](/docs/uipagelayout#uipagelayout-touchinputenabled) boolean [`UIPageLayout.TweenTime`](/docs/uipagelayout#uipagelayout-tweentime) float
Size modifiers and constraints UIAspectRatioConstraint Property Type [`UIAspectRatioConstraint.AspectRatio`](/docs/uiaspectratioconstraint#uiaspectratioconstraint-aspectratio) float [`UIAspectRatioConstraint.AspectType`](/docs/uiaspectratioconstraint#uiaspectratioconstraint-aspecttype) [`AspectType`](/docs/enum-aspecttype) [`UIAspectRatioConstraint.DominantAxis`](/docs/uiaspectratioconstraint#uiaspectratioconstraint-dominantaxis) [`DominantAxis`](/docs/enum-dominantaxis)
UISizeConstraint Property Type [`UISizeConstraint.MaxSize`](/docs/uisizeconstraint#uisizeconstraint-maxsize) [`Vector2`](/docs/vector2) [`UISizeConstraint.MinSize`](/docs/uisizeconstraint#uisizeconstraint-minsize) [`Vector2`](/docs/vector2)
UITextSizeConstraint Property Type [`UITextSizeConstraint.MaxTextSize`](/docs/uitextsizeconstraint#uitextsizeconstraint-maxtextsize) integer [`UITextSizeConstraint.MinTextSize`](/docs/uitextsizeconstraint#uitextsizeconstraint-mintextsize) integer
UIScale Property Type [`UIScale.Scale`](/docs/uiscale#uiscale-scale) float
UIFlexItem Property Type [`UIFlexItem.FlexMode`](/docs/uiflexitem#uiflexitem-flexmode) [`UIFlexMode`](/docs/enum-uiflexmode) [`UIFlexItem.GrowRatio`](/docs/uiflexitem#uiflexitem-growratio) float [`UIFlexItem.ItemLineAlignment`](/docs/uiflexitem#uiflexitem-itemlinealignment) [`ItemLineAlignment`](/docs/enum-itemlinealignment) [`UIFlexItem.ShrinkRatio`](/docs/uiflexitem#uiflexitem-shrinkratio) float
StyleQuery StyleQuery
Property Type [`StyleQuery.AspectRatioRange`](/docs/stylequery) [`NumberRange`](/docs/numberrange) [`StyleQuery.MaxSize`](/docs/stylequery) [`Vector2`](/docs/vector2) [`StyleQuery.MinSize`](/docs/stylequery) [`Vector2`](/docs/vector2) [`StyleQuery.PreferredInputType`](/docs/stylequery) [`PreferredInput`](/docs/enum-preferredinput) [`StyleQuery.ReduceMotionEnabled`](/docs/stylequery) boolean [`StyleQuery.ViewportDisplaySize`](/docs/stylequery) [`DisplaySize`](/docs/enum-displaysize)
