### Herramientas del sitio

componentes:wstyle

# 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/

Nombre Propiedad Style HTMLDescripción
A
cAlignalign Specifies the alignment between the lines inside a flexible cOntainer when the items do not use all available space
cAlign_itemsalign-items Specifies the alignment for items inside a flexible cOntainer
cAlign_selfalign-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_functionanimation-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_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

## Comentarios wStyle

Escribe el comentario. Se permite la sintaxis wiki:

componentes/wstyle.txt · Última modificación: 03/04/2022 21:47 por pedro