Package com.webfirmframework.wffweb.css.css3


package com.webfirmframework.wffweb.css.css3
  • Class
    Description
    align-content : stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit The align-content property aligns the flexible container's items when the items do not use all available space on the cross-axis (vertically).
    align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit; The align-items property specifies the default alignment for items inside the flexible container.
    align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit; The align-self property specifies the alignment for the selected item inside the flexible container.
    animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit; The animation-direction property defines whether an animation should play in reverse direction or in alternate cycles.
    animation-fill-mode: none|forwards|backwards|both|initial|inherit; The animation-fill-mode property specifies a style for the element when the animation is not playing (when it is finished, or when it has a delay).
    animation-iteration-count: number|initial|inherit; The animation-iteration-count property specifies the number of times an animation should be played.
    animation-play-state: paused|running|initial|inherit; The animation-play-state property specifies whether the animation is running or paused.
    backface-visibility: visible|hidden|initial|inherit;
    background-clip: border-box|padding-box|content-box|initial|inherit;
    background-origin: padding-box|border-box|content-box|initial|inherit;
    background-size: auto|length|cover|contain|initial|inherit; The background-size property specifies the size of the background images.
    border-image-outset: length|number|initial|inherit; The border-image-outset property specifies the amount by which the border image area extends beyond the border box.
    border-image-repeat: stretch|repeat|round|initial|inherit;
    border-image-slice: number|%|fill|initial|inherit; Examples: border-image-slice:5% 10% 15% 10%; top border is 5% right border is 10% bottom border is 15% border is 10% border-image-slice:5% 10% 15%; top border is 5% right and left borders are 10% bottom border is 15% border-image-slice:5% 10%; top and bottom borders are 5% right and left borders are 10% border-image-slice:5%; all four borders are 5% The border-image-slice property specifies how to slice the image specified by border-image-source.
    border-image-source: none|image|initial|inherit; The border-image-source property specifies the path to the image to be used as a border (instead of the normal border around an element).
    border-image-width: number|%|auto|initial|inherit; The border-image-width property sets the width of an element's four borders.
    box-sizing: content-box|border-box|initial|inherit;
    column-count: number|auto|initial|inherit; The column-count property specifies the number of columns an element should be divided into.
    column-fill: balance|auto|initial|inherit;
    The column-gap property specifies the gap between the columns.
    column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit; The column-rule property is a shorthand property for setting all the column-rule-* properties.
    column-rule-color: color|initial|inherit; The column-rule-color property specifies the color of the rule between columns.
    column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset |initial|inherit;
    column-rule-width: medium|thin|thick|length|initial|inherit; The column-rule-width property specifies the width of the rule between columns.
    columns: auto|column-width column-count|initial|inherit; The columns property is a shorthand property for setting column-width and column-count.
    column-span: 1|all|initial|inherit;
    column-width: auto|length|initial|inherit; The column-width property specifies the width of the columns.
    flex: flex-grow flex-shrink flex-basis|auto|initial|inherit; The flex property specifies the length of the item, relative to the rest of the flexible items inside the same container.
    flex-basis: length|auto|initial|inherit; The flex-basis property specifies the initial length of a flexible item.
    flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
    flex-grow: number|initial|inherit; The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the same container.
    flex-shrink: number|initial|inherit; The flex-shrink property specifies how the item will shrink relative to the rest of the flexible items inside the same container.
    flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
    font-size-adjust: number|none|initial|inherit; The font-size-adjust property gives you better control of the font size when the first selected font is not available.
    font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal| semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
    hanging-punctuation: none|first|last|allow-end|force-end|initial|inherit;
    icon: auto|<i>URL<i>|initial|inherit; The icon property provides the author the ability to style an element with an iconic equivalent.
    justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
    background-size: auto|length|cover|contain|initial|inherit; The background-size property specifies the size of the background images.
    -moz-column-count: number|auto|initial|inherit; The -moz-column-count property specifies the number of columns an element should be divided into.
    The -moz-column-gap property specifies the gap between the columns.
    -moz-column-rule: -moz-column-rule-width -moz-column-rule-style -moz-column-rule-color|initial|inherit; The -moz-column-rule property is a shorthand property for setting all the -moz-column-rule-* properties.
    -moz-column-rule-color: color|initial|inherit; The -moz-column-rule-color property specifies the color of the rule between columns.
    -moz-column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset |initial|inherit;
    This is for Firefox.
    This is for Firefox.
    -moz-flex: -moz-flex-grow -moz-flex-shrink -moz-flex-basis|auto|initial|inherit; The flex property specifies the length of the item, relative to the rest of the flexible items inside the same container.
    -moz-flex-basis: length|auto|initial|inherit; The -moz-flex-basis property specifies the initial length of a flexible item.
    -moz-flex-grow: number|initial|inherit; The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the same container.
    -moz-flex-shrink: number|initial|inherit; The -moz-flex-shrink property specifies how the item will shrink relative to the rest of the flexible items inside the same container.
    flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
    -moz-text-decoration-line: none|underline|overline|line-through|initial|inherit;
    -moz-text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
    -ms-flex: -flex-grow -flex-shrink -flex-basis|auto|initial|inherit; The flex property specifies the length of the item, relative to the rest of the flexible items inside the same container.
    background-size: auto|length|cover|contain|initial|inherit; The background-size property specifies the size of the background images.
    opacity: number|initial|inherit; The opacity property sets the opacity level for an element.
    overflow-x: visible, hidden, scroll, auto, initial, inherit
    overflow-x: visible, hidden, scroll, auto, initial, inherit
    perspective: length|none; The perspective property defines how many pixels a 3D element is placed from the view.
    perspective-origin: x-axis y-axis|initial|inherit; The perspective-origin property defines where a 3D element is based in the x- and the y-axis.
    resize: none|both|horizontal|vertical|initial|inherit;
    text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
    text-decoration: none|underline|overline|line-through|initial|inherit;
    css version : CSS1, renewed in CSS3
    text-decoration-line: none|underline|overline|line-through|initial|inherit;
    text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
    text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida |trim|initial|inherit;
    transform-style: flat|preserve-3d|initial|inherit;
    -webkit-animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;
    -webkit-animation-fill-mode: none|forwards|backwards|both|initial|inherit;
    -webkit-animation-play-state: paused|running|initial|inherit;
    -webkit-backface-visibility: visible|hidden|initial|inherit;
    background-size: auto|length|cover|contain|initial|inherit; The background-size property specifies the size of the background images.
    -webkit-column-count: number|auto|initial|inherit; The -webkit-column-count property specifies the number of columns an element should be divided into.
    The -webkit-column-gap property specifies the gap between the columns.
    -webkit-column-rule: -webkit-column-rule-width -webkit-column-rule-style -webkit-column-rule-color|initial|inherit; The -webkit-column-rule property is a shorthand property for setting all the -webkit-column-rule-* properties.
    -webkit-column-rule-color: color|initial|inherit; The -webkit-column-rule-color property specifies the color of the rule between columns.
    -webkit-column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset |initial|inherit;
    This is for Chrome, Safari and Opera.
    -webkit-column-span: 1|all|initial|inherit;
    This is for Chrome, Safari and Opera.
    -webkit-flex: -webkit-flex-grow -webkit-flex-shrink -webkit-flex-basis|auto|initial|inherit; The flex property specifies the length of the item, relative to the rest of the flexible items inside the same container.
    -webkit-flex-basis: length|auto|initial|inherit; The -webkit-flex-basis property specifies the initial length of a flexible item.
    -webkit-flex-grow: number|initial|inherit; The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the same container.
    -webkit-flex-shrink: number|initial|inherit; The -webkit-flex-shrink property specifies how the item will shrink relative to the rest of the flexible items inside the same container.
    flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
    -webkit-transform-style: flat|preserve-3d|initial|inherit;
    word-break: normal|break-all|keep-all|initial|inherit;
    word-wrap: normal|break-word|initial|inherit;