====== 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 [[propiedades: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|[[https://www.w3schools.com/cssref/css3_pr_align-items.asp|align-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 [[https://developer.mozilla.org/es/docs/CSS/Media_queries|media queries]]|

~~DISCUSSION|Comentarios wStyle~~