wStyle

wStyle es un componente no visual que nos permite tratar con las propiedades Style de HTML de una manera cómoda y sin posibilidad de errores de escritura de las mismas.

Todos los controles visuales tienen una propiedad oStyle que es un objeto de la clase wStyle.

Por defecto todas las propiedades están a Nil por lo que no se aplicara Style al control.

Información en el Web https://w3schools.com/cssref/

Propiedades

Nombre	Propiedad_Style_HTML___	Descripción
A
cAlign	align	Specifies the alignment between the lines inside a flexible cOntainer when the items do not use all available space
cAlign_items	align-itemsalign-items	Specifies the alignment for items inside a flexible cOntainer
cAlign_self	align-self	Specifies the alignment for selected items inside a flexible cOntainer
cAnimation	animation	A shorthand property for all the animation-* properties
cAnimation_delay	animation-delay	Specifies a delay for the start of an animation
cAnimation_direction	Specifies whether an animation should be played forwards, backwards or in alternate cycles
cAnimation_duration	Specifies how long an animation should take to cOmplete one cycle
cAnimation_fill_mode	Specifies a style for the element when the animation is not playing (before it starts, after it ends, or both)
cAnimation_iteration_count	Specifies the number of times an animation should be played
cAnimation_name	Specifies a name for the @keyframes animation
cAnimation_play_state	Specifies whether the animation is running or paused
cAnimation_timing_function	animation-timing-function	Specifies the speed curve of an animation
B
cBackface_visibility	Defines whether or not the back face of an element should be visible when facing the user
cBackground	A shorthand property for all the background-* properties
cBackground_attachment	Sets whether a background image scrolls with the rest of the page, or is fixed
cBackground_blend_mode	Specifies the blending mode of each background layer (color/image)
cBackground_clip	Defines how far the background (color or image) should extend within an element
cBackground_color	Specifies the background cOlor of an element
cBackground_image	Specifies one or more background images for an element
cBackground_origin	Specifies the origin position of a background image
cBackground_position	Specifies the position of a background image
cBackground_repeat	Sets if/how a background image will be repeated
cBackground_size	Specifies the size of the background images
cBorder	A shorthand property for border-width, border-style and border-color
cBorder_bottom	A shorthand property for border-bottom-width, border-bottom-style and border-bottom-color
cBorder_bottom_color	Sets the cOlor of the bottom border
cBorder_bottom_left_radius	Defines the radius of the border of the bottom-left cOrner
cBorder_bottom_right_radius	Defines the radius of the border of the bottom-right cOrner
cBorder_bottom_style	Sets the style of the bottom border
cBorder_bottom_width	Sets the width of the bottom border
cBorder_collapse	Sets whether table borders should cOllapse into a single border or be separated
cBorder_color	Sets the cOlor of the four borders
cBorder_image	A shorthand property for all the border-image-* properties
cBorder_image_outset	Specifies the amount by which the border image area extends beyond the border box
cBorder_image_repeat	Specifies whether the border image should be repeated, rounded or stretched
cBorder_image_slice	Specifies how to slice the border image
cBorder_image_source	Specifies the path to the image to be used as a border
cBorder_image_width	Specifies the width of the border image
cBorder_left	A shorthand property for all the border-left-* properties
cBorder_left_color	Sets the cOlor of the left border
cBorder_left_style	Sets the style of the left border
cBorder_left_width	Sets the width of the left border
cBorder_radius	A shorthand property for the four border-*-radius properties
cBorder_right	A shorthand property for all the border-right-* properties
cBorder_right_color	Sets the cOlor of the right border
cBorder_right_style	Sets the style of the right border
cBorder_right_width	Sets the width of the right border
cBorder_spacing	Sets the distance between the borders of adjacent cells
cBorder_style	Sets the style of the four borders
cBorder_top	A shorthand property for border-top-width, border-top-style and border-top-color
cBorder_top_color	Sets the cOlor of the top border
cBorder_top_left_radius	Defines the radius of the border of the top-left cOrner
cBorder_top_right_radius	Defines the radius of the border of the top-right cOrner
cBorder_top_style	Sets the style of the top border
cBorder_top_width	Sets the width of the top border
cBorder_width	Sets the width of the four borders
cBottom	Sets the elements position, from the bottom of its parent element
cBox_decoration_break	Sets the behavior of the background and border of an element at page-break, or, for in-line elements, at line-break.
cBox_shadow	Attaches one or more shadows to an element
cBox_sizing	Defines how the width and height of an element are calculated: should they include padding and borders, or not
cBreak_after	Specifies the page-, cOlumn-, or region-break behavior after the generated box
cBreak_before	Specifies the page-, cOlumn-, or region-break behavior before the generated box
cBreak_inside	Specifies the page-, cOlumn-, or region-break behavior inside the generated box
C
cCaption_side	Specifies the placement of a table caption
cCaret_color	Specifies the cOlor of the cursor (caret) in inputs, textareas, or any element that is editable
cCharset	@charset	Specifies the character encoding used in the style sheet
cClear	Specifies on which sides of an element floating elements are not allowed to float
cClip	clips an absolutely positioned element
cColor	Sets the cOlor of text
cColumn_count	Specifies the number of cOlumns an element should be divided into
cColumn_fill	Specifies how to fill cOlumns, balanced or not
cColumn_gap	Specifies the gap between the cOlumns
cColumn_rule	A shorthand property for all the cOlumn-rule-* properties
cColumn_rule_color	Specifies the cOlor of the rule between cOlumns
cColumn_rule_style	Specifies the style of the rule between cOlumns
cColumn_rule_width	Specifies the width of the rule between cOlumns
cColumn_span	Specifies how many cOlumns an element should span across
cColumn_width	Specifies the cOlumn width
cColumns	A shorthand property for cOlumn-width and cOlumn-count
cContent	Used with the :before and :after pseudo-elements, to insert generated cOntent
cCounter_increment	Increases or decreases the value of one or more cSS cOunters
cCounter_reset	creates or resets one or more cSS cOunters
cCursor	Specifies the mouse cursor to be displayed when pointing over an element
D/E
cDirection	Specifies the text direction/writing direction
cDisplay	Specifies how a certain HTML element should be displayed
cEmpty_cells	Specifies whether or not to display borders and background on empty cells in a table
F
cFilter	Defines effects (e.g. blurring or cOlor shifting) on an element before the element is displayed
cFlex	A shorthand property for the flex-grow, flex-shrink, and the flex-basis properties
cFlex_basis	Specifies the initial length of a flexible item
cFlex_direction	Specifies the direction of the flexible items
cFlex_flow	A shorthand property for the flex-direction and the flex-wrap properties
cFlex_grow	Specifies how much the item will grow relative to the rest
cFlex_shrink	Specifies how the item will shrink relative to the rest
cFlex_wrap	Specifies whether the flexible items should wrap or not
cFloat	Specifies whether or not a box should float
cFont	A shorthand property for the font-style, font-variant, font-weight, font-size/line-height, and the font-family properties
cFont_face	@font-face	A rule that allows websites to download and use fonts other than the “web-safe” fonts
cFont_family	Specifies the font family for text
cFont_feature_settings	Allows cOntrol over advanced typographic features in OpenType fonts
cFont_feature_values	@font-feature-values	Allows authors to use a cOmmon name in font-variant-alternate for feature activated differently in OpenType
cFont_kerning	cOntrols the usage of the kerning information (how letters are spaced)
cFont_language_override	cOntrols the usage of language-specific glyphs in a typeface
cFont_size	Specifies the font size of text
cFont_size_adjust	Preserves the readability of text when font fallback occurs
cFont_stretch	Selects a normal, cOndensed, or expanded face from a font family
cFont_style	Specifies the font style for text
cFont_synthesis	cOntrols which missing typefaces (bold or italic) may be synthesized by the browser
cFont_variant	Specifies whether or not a text should be displayed in a small-caps font
cFont_variant_alternates	cOntrols the usage of alternate glyphs associated to alternative names defined in @font-feature-values
cFont_variant_caps	cOntrols the usage of alternate glyphs for capital letters
cFont_variant_east_asian	cOntrols the usage of alternate glyphs for East Asian scripts (e.g Japanese and chinese)
cFont_variant_ligatures	cOntrols which ligatures and cOntextual forms are used in textual cOntent of the elements it applies to
cFont_variant_numeric	cOntrols the usage of alternate glyphs for numbers, fractions, and ordinal markers
cFont_variant_position	cOntrols the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font
cFont_weight	Specifies the weight of a font
G
cGrid	A shorthand property for the grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and the grid-auto-flow properties
cGrid_area	Either specifies a name for the grid item, or this property is a shorthand property for the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties
cGrid_auto_columns	Specifies a default cOlumn size
cGrid_auto_flow	Specifies how auto-placed items are inserted in the grid
cGrid_auto_rows	Specifies a default row size
cGrid_column	A shorthand property for the grid-column-start and the grid-column-end properties
cGrid_column_end	Specifies where to end the grid item
cGrid_column_gap	Specifies the size of the gap between cOlumns
cGrid_column_start	Specifies where to start the grid item
cGrid_gap	A shorthand property for the grid-row-gap and grid-column-gap properties
cGrid_row	A shorthand property for the grid-row-start and the grid-row-end properties
cGrid_row_end	Specifies where to end the grid item
cGrid_row_gap	Specifies the size of the gap between rows
cGrid_row_start	Specifies where to start the grid item
cGrid_template	A shorthand property for the grid-template-rows, grid-template-columns and grid-areas properties
cGrid_template_areas	Specifies how to display cOlumns and rows, using named grid items
cGrid_template_columns	Specifies the size of the cOlumns, and how many cOlumns in a grid layout
cGrid_template_rows	Specifies the size of the rows in a grid layout
H
cHanging_punctuation	Specifies whether a punctuation character may be placed outside the line box
cHeight	Sets the height of an element
cHyphens	Sets how to split words to improve the layout of paragraphs
I
cImage_rendering	Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled
cImport	@import	Allows you to import a style sheet into another style sheet
cIsolation	Defines whether an element must create a new stacking cOntent
J/K
cJustify_content	Specifies the alignment between the items inside a flexible cOntainer when the items do not use all available space
cKeyframes	@keyframes	Specifies the animation cOde
L
cLeft	Specifies the left position of a positioned element
cLetter_spacing	Increases or decreases the space between characters in a text
cLine_break	Specifies how/if to break lines
cLine_height	Sets the line height
cList_style	Sets all the properties for a list in one declaration
cList_style_image	Specifies an image as the list-item marker
cList_style_position	Specifies the position of the list-item markers (bullet points)
cList_style_type	Specifies the type of list-item marker
M
cMargin	Sets all the margin properties in one declaration
cMargin_bottom	Sets the bottom margin of an element
cMargin_left	Sets the left margin of an element
cMargin_right	Sets the right margin of an element
cMargin_top	Sets the top margin of an element
cMax_height	Sets the maximum height of an element
cMax_width	Sets the maximum width of an element
cMedia	@media	Sets the style rules for different media types/devices/sizes
cMin_height	Sets the minimum height of an element
cMin_width	Sets the minimum width of an element
cMix_blend_mode	Specifies how an element's cOntent should blend with its direct parent background
O
cObject_fit	Specifies how the cOntents of a replaced element should be fitted to the box established by its used height and width
cObject_position	Specifies the alignment of the replaced element inside its box
cOpacity	Sets the opacity level for an element
cOrder	Sets the order of the flexible item, relative to the rest
cOrphans	Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element
cOutline	A shorthand property for the outline-width, outline-style, and the outline-color properties
cOutline_color	Sets the cOlor of an outline
cOutline_offset	Offsets an outline, and draws it beyond the border edge
cOutline_style	Sets the style of an outline
cOutline_width	Sets the width of an outline
cOverflow	Specifies what happens if cOntent overflows an element's box
cOverflow_wrap	Specifies whether or not the browser may break lines within words in order to prevent overflow (when a string is too long to fit its cOntaining box)
cOverflow_x	Specifies whether or not to clip the left/right edges of the cOntent, if it overflows the element's cOntent area
P
cPadding	A shorthand property for all the padding-* properties
cPadding_bottom	Sets the bottom padding of an element
cPadding_left	Sets the left padding of an element
cPadding_right	Sets the right padding of an element
cPadding_top	Sets the top padding of an element
cPage_break_after	Sets the page-break behavior after an element
cPage_break_before	Sets the page-break behavior before an element
cPage_break_inside	Sets the page-break behavior inside an element
cPerspective	Gives a 3D-positioned element some perspective
cPerspective_origin	Defines at which position the user is looking at the 3D-positioned element
cPointer_events	Defines whether or not an element reacts to pointer events
cPosition	Specifies the type of positioning method used for an element (static, relative, absolute or fixed)
Q/R/S
cQuotes	Sets the type of quotation marks for embedded quotations
cResize	Defines if (and how) an element is resizable by the user
cRight	Specifies the right position of a positioned element
cScroll_behavior	Specifies whether to smoothly animate the scroll position in a scrollable box, instead of a straight jump
T
cTab_size	Specifies the width of a tab character
cTable_layout	Defines the algorithm used to lay out table cells, rows, and cOlumns
cText_align	Specifies the horizontal alignment of text
cText_align_last	Describes how the last line of a block or a line right before a forced line break is aligned when text-align is “justify”
cText_combine_upright	Specifies the cOmbination of multiple characters into the space of a single character
cText_decoration	Specifies the decoration added to text
cText_decoration_color	Specifies the cOlor of the text-decoration
cText_decoration_line	Specifies the type of line in a text-decoration
cText_decoration_style	Specifies the style of the line in a text decoration
cText_indent	Specifies the indentation of the first line in a text-block
cText_justify	Specifies the justification method used when text-align is “justify”
cText_orientation	Defines the orientation of the text in a line
cText_overflow	Specifies what should happen when text overflows the cOntaining element
cText_shadow	Adds shadow to text
cText_transform	cOntrols the capitalization of text
cText_underline_position	Specifies the position of the underline which is set using the text-decoration property
cTop	Specifies the top position of a positioned element
cTransform	Applies a 2D or 3D transformation to an element
cTransform_origin	Allows you to change the position on transformed elements
cTransform_style	Specifies how nested elements are rendered in 3D space
cTransition	A shorthand property for all the transition-* properties
cTransition_delay	Specifies when the transition effect will start
cTransition_duration	Specifies how many seconds or milliseconds a transition effect takes to cOmplete
cTransition_property	Specifies the name of the cSS property the transition effect is for
cTransition_timing_function	Specifies the speed curve of the transition effect
U/V
cUnicode_bidi	Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document
cUser_select	Specifies whether the text of an element can be selected
cVertical_align	Sets the vertical alignment of an element
cVisibility	Specifies whether or not an element is visible
W
cWhite_space	Specifies how white-space inside an element is handled
cWidows	Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element
cWidth	Sets the width of an element
cWord_break	Specifies how words should break when reaching the end of a line
cWord_spacing	Increases or decreases the space between words in a text
cWord_wrap	Allows long, unbreakable words to be broken and wrap to the next line
cWriting_mode	Specifies whether lines of text are laid out horizontally or vertically
Z
cZ_index	Sets the stack order of a positioned element

Métodos

Nombre	Descripción
addMedia	Objeto de la clase wStyleItem para el manejo de media queries