@purestack/ts-css 1.1.3 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/ts-css.d.mts +2 -1
  2. package/dist/ts-css.d.mts.map +1 -1
  3. package/dist/ts-css.mjs +11 -3
  4. package/dist/ts-css.mjs.map +1 -1
  5. package/package.json +2 -2
package/dist/ts-css.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ts-css.mjs","names":[],"sources":["../src/autoVar.ts","../src/hyphenize.ts","../src/baseStyle.ts","../src/colors.ts","../src/style.ts","../src/s.ts"],"sourcesContent":["import { isString } from '@purestack/ts-util'\n\n/**\n * Normalizes a CSS value by auto-expanding shorthand into `var(...)` when appropriate.\n *\n * Rules:\n * 1. Values starting with `$name` become `var(--name)`. Supports fallback like `$name, blue` → `var(--name, blue)`.\n * 2. Raw custom property names starting with `--` become `var(--name)`. Supports fallback like `--bg, red` → `var(--bg, red)`.\n * 3. Values already using `var(...)` are returned as-is (case-insensitive on the `var(` prefix).\n * 4. Any other value is returned unchanged.\n *\n * @example\n * ```ts\n * autoVar(\"$primary\"); // \"var(--primary)\"\n * autoVar(\"$primary, blue\"); // \"var(--primary, blue)\"\n * autoVar(\"--bg\"); // \"var(--bg)\"\n * autoVar(\"--bg, lightgray\"); // \"var(--bg, lightgray)\"\n * autoVar(\"var(--accent)\"); // \"var(--accent)\"\n * autoVar(\"10px\"); // \"10px\"\n * autoVar(\"solid\"); // \"solid\"\n * ```\n *\n * @param raw - The raw CSS value to normalize.\n * @returns The potentially transformed CSS value with appropriate `var(...)` wrapping.\n */\nexport function autoVar(raw: string | number): string | number {\n if (!isString(raw)) return raw\n const v = raw.trim()\n\n // Already a var(...) function (CSS function names are case-insensitive)\n if (/^var\\(/i.test(v)) {\n return v\n }\n\n // Helper to split into name and optional fallback, only on first comma\n const splitFirstComma = (input: string): [string, string?] => {\n const match = input.match(/^([^,]+)(?:,(.+))?$/)\n if (!match) return [input]\n const name = match[1].trim()\n const fallback = match[2]?.trim()\n return fallback !== undefined ? [name, fallback] : [name]\n }\n\n if (v.startsWith('$')) {\n // \"$name\" or \"$name, fallback\"\n const inner = v.slice(1).trim()\n const [name, fallback] = splitFirstComma(inner)\n return fallback ? `var(--${name}, ${fallback})` : `var(--${name})`\n }\n\n if (v.startsWith('--')) {\n // \"--prop\" or \"--prop, fallback\"\n const [name, fallback] = splitFirstComma(v)\n return fallback ? `var(${name}, ${fallback})` : `var(${name})`\n }\n\n return v // leave other values untouched\n}\n","/**\n * Converts a JS-style CSS property name (camelCase / PascalCase / vendor prefixed) into\n * its kebab-case equivalent used in plain CSS. Handles:\n * - Vendor prefixes (`Webkit`, `webkit`, `Moz`, `moz`, `O`, `o`, `Ms`, `ms`) → leading\n * `-webkit-`, `-ms-`, etc.\n * - Acronym boundaries like `XMLHttpRequest` → `xml-http-request`.\n * - Standard camelCase / PascalCase splitting (`backgroundColor` → `background-color`).\n * - Leaves already-hyphenated names (e.g., `font-size`) intact aside from lowercasing.\n *\n * @example\n * hyphenizeCss(\"backgroundColor\"); // \"background-color\"\n * hyphenizeCss(\"WebkitTransition\"); // \"-webkit-transition\"\n * hyphenizeCss(\"msTransition\"); // \"-ms-transition\"\n * hyphenizeCss(\"XMLHttpRequest\"); // \"xml-http-request\"\n * hyphenizeCss(\"font-size\"); // \"font-size\"\n * hyphenizeCss(\"URLValue\"); // \"url-value\"\n *\n * @param prop - The JS-style CSS property name.\n * @returns The kebab-case CSS equivalent.\n */\nexport function hyphenizeCss(prop: string): string {\n // Normalize vendor prefixes (case-insensitive) at the start, e.g. WebkitFoo / msBar → -webkit-foo / -ms-bar\n const withVendor = prop.replace(\n /^(webkit|moz|ms)(?=[A-Z])/i,\n (_, prefix) => `-${prefix.toLowerCase()}`,\n )\n const withOpera = withVendor.replace(/^o/i, (match, _offset, value) => {\n const next = value[match.length]\n const isUppercase =\n typeof next === 'string' &&\n next.toUpperCase() === next &&\n next.toLowerCase() !== next\n return isUppercase ? '-o' : match\n })\n\n // 1. Split acronym boundaries like \"XMLHttp\" → \"XML-Http\"\n // 2. Then split camelCase boundaries like \"fooBar\" → \"foo-Bar\"\n const withSeparators = withOpera\n .replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n\n return withSeparators.toLowerCase()\n}\n","import prettier from 'prettier'\n\nimport { autoVar } from './autoVar'\nimport type { CSSProps } from './cssProps'\nimport { hyphenizeCss } from './hyphenize'\n\nexport abstract class RootStyle {\n static nextId = 1\n id: number\n selector: string\n constructor(selector?: string) {\n this.id = BaseStyle.nextId++\n this.selector = selector ?? ''\n }\n abstract toCSS(): string\n}\n\nexport class BaseStyle<T extends RootStyle> extends RootStyle {\n children = new Map<string, T>()\n props = new Map<string, string | number>()\n #createT: (selector?: string) => T\n constructor(createT: (selector?: string) => T, selector?: string) {\n super(selector)\n this.#createT = createT\n }\n\n set(key: string, value: string | number) {\n this.props.set(hyphenizeCss(key), autoVar(value))\n return this\n }\n\n css(css: Partial<CSSProps>) {\n for (const [key, value] of Object.entries(css)) {\n if (value === undefined) continue\n this.set(key, value as string)\n }\n return this\n }\n\n apply(callback: () => Partial<CSSProps>) {\n const css = callback()\n return this.css(css)\n }\n\n /** Select a child element with the given selector.\n * ```\n * + (Next-sibling combinator)\n * > (Child combinator)\n * || (Column combinator)\n * ~ (Subsequent sibling combinator)\n * \" \" (Descendant combinator)\n * | (Namespace separator)\n * ```\n * Example:\n * ```ts\n * style.select('.container > .item').set('color', 'red')\n * ```\n */\n select(selector: string) {\n let child = this.children.get(selector)\n if (child) return child\n if (isGroupingRule(this.selector)) {\n return this.selectWithoutParentKey(selector)\n }\n const selectors = new Set(['+', '>', '|', '~', ' ', '|', ':'])\n const separator =\n this.selector.length === 0 || selectors.has(selector[0]) ? '' : ' '\n child = this.#createT(this.selector + separator + selector)\n this.children.set(selector, child)\n return child\n }\n\n protected selectWithoutParentKey(selector: string) {\n let child = this.children.get(selector)\n if (child) return child\n child = this.#createT(selector)\n this.children.set(selector, child)\n return child\n }\n\n #asBaseStyle(val: T) {\n return val as unknown as BaseStyle<T>\n }\n\n use(css: T) {\n this.#asBaseStyle(css).props.forEach((value, key) => {\n this.props.set(key, value)\n })\n return this\n }\n\n media(query: string) {\n if (!query) return this\n const selector = query.startsWith('@media') ? query : `@media(${query})`\n let child = this.children.get(selector)\n const parentSelector = isGroupingRule(this.selector) ? '' : this.selector\n if (child) {\n return this.#asBaseStyle(child).selectWithoutParentKey(parentSelector)\n }\n child = this.#createT(selector)\n this.children.set(selector, child)\n child = this.#asBaseStyle(child).selectWithoutParentKey(parentSelector)\n return child\n }\n\n scope(rootSelector: string, limitSelector?: string) {\n const selector = buildScopeRule(rootSelector, limitSelector)\n if (!selector) return this\n let child = this.children.get(selector)\n if (child) return child\n child = this.#createT(selector)\n this.children.set(selector, child)\n return child\n }\n\n toCSS() {\n let result = ''\n const children = [...this.children.entries()].sort((a, b) => {\n const isAGroup = isGroupingRule(a[1].selector)\n const isBGroup = isGroupingRule(b[1].selector)\n if (isAGroup && !isBGroup) return 1\n if (!isAGroup && isBGroup) return -1\n return a[1].id - b[1].id\n })\n const selector = this.selector\n if (isGroupingRule(selector)) {\n const mediaContent = children\n .map((x) => `\\r\\n${x[1].toCSS()}`)\n .join('')\n .trimEnd()\n result = `${selector} {${mediaContent}\n}\n\n`\n return result\n }\n if (selector && this.props.size > 0) {\n const props = [...this.props.entries()]\n .filter((x) => (typeof x[1] as unknown) !== undefined)\n .map((x) => ` ${x[0]}: ${x[1]};`.replaceAll(';;', ';'))\n .join('\\r\\n')\n if (props.trim() !== '')\n result = `${selector} {\n${props}\n}\n\n`\n }\n if (children.length === 0) return result\n for (const c of children) {\n result += c[1].toCSS()\n }\n return result\n }\n\n async toPrettyCSS(options?: prettier.Options) {\n const fmt: prettier.Options = {\n parser: 'css',\n tabWidth: 2,\n endOfLine: 'lf',\n ...options,\n }\n const code = this.toCSS()\n return prettier.format(code, fmt)\n }\n\n whiteSpace(\n value:\n | 'normal'\n | 'nowrap'\n | 'pre'\n | 'pre-wrap'\n | 'pre-line'\n | 'break-spaces'\n | 'collapse balance'\n | 'preserve nowrap'\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'revert-layer'\n | 'unset'\n | (string & {}),\n ) {\n this.set('white-space', value)\n return this\n }\n}\n\nfunction isGroupingRule(selector: string) {\n return selector.startsWith('@media') || selector.startsWith('@scope')\n}\n\nfunction buildScopeRule(rootSelector: string, limitSelector?: string) {\n const root = rootSelector.trim()\n if (!root) return ''\n if (root.startsWith('@scope')) return root\n const limit = limitSelector?.trim()\n if (!limit) return `@scope (${root})`\n return `@scope (${root}) to (${limit})`\n}\n","export type RGBA = {\n r: number\n g: number\n b: number\n a?: number\n}\n\nexport type HSL = {\n h: number\n s: number\n l: number\n}\n\n/**\n * Converts a HEX color string to RGBA.\n * @param hex - The HEX color string.\n * @returns The RGBA representation of the color.\n * @throws Will throw an error if the hex format is invalid.\n */\nexport function hexToRgba(input: string): RGBA {\n if (input === 'transparent') return { r: 0, g: 0, b: 0, a: 0 }\n if (input === 'currentColor') return { r: 0, g: 0, b: 0, a: 0 }\n\n // Strip leading '#' if present\n let hex = input.startsWith('#') ? input.slice(1) : input\n\n // Expand 3/4-digit shorthand (e.g. \"abc\" → \"aabbcc\")\n if (hex.length === 3 || hex.length === 4) {\n hex = hex\n .split('')\n .map((c) => c + c)\n .join('')\n }\n\n // Now must be exactly 6 or 8 characters\n if (hex.length !== 6 && hex.length !== 8) {\n throw new Error(\n 'Invalid hex format; expected #RGB, #RGBA, #RRGGBB or #RRGGBBAA',\n )\n }\n\n // Parse every two-char chunk into a byte, validate on the fly\n const bytes: number[] = []\n for (let i = 0; i < hex.length; i += 2) {\n const byte = Number.parseInt(hex.slice(i, i + 2), 16)\n if (Number.isNaN(byte)) {\n throw new Error('Invalid hex format; non-hex characters detected')\n }\n bytes.push(byte)\n }\n\n const [r, g, b, aByte] = bytes\n const a = aByte === undefined ? undefined : aByte / 255\n const rgba = { r, g, b, a }\n validateRgb(rgba)\n return rgba\n}\n\n/**\n * Converts RGBA values to a HEX color string.\n * @param r - The red component (0-255).\n * @param g - The green component (0-255).\n * @param b - The blue component (0-255).\n * @param a - The optional alpha component (0-1).\n * @returns The HEX color string.\n * @throws Will throw an error if any color component is out of range.\n */\nexport function rgbaToHex(r: number, g: number, b: number, a?: number): string {\n validateRgb({ r, g, b, a })\n let hex = ((1 << 24) + (r << 16) + (g << 8) + b)\n .toString(16)\n .slice(1)\n .toUpperCase()\n if (a !== undefined) {\n hex += Math.round(a * 255)\n .toString(16)\n .padStart(2, '0')\n .toUpperCase()\n }\n return `#${hex}`\n}\n\n/**\n * Converts RGB values to HSL.\n * @param rgb - The RGB representation of the color.\n * @returns The HSL representation of the color.\n * @throws Will throw an error if any color component is out of range.\n */\nexport function rgbToHsl({ r, g, b }: RGBA): HSL {\n validateRgb({ r, g, b })\n r /= 255\n g /= 255\n b /= 255\n const max = Math.max(r, g, b),\n min = Math.min(r, g, b)\n let h = 0,\n s: number\n const l: number = (max + min) / 2\n\n if (max === min) {\n s = 0\n } else {\n const d = max - min\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n switch (max) {\n case r:\n h = (g - b) / d + (g < b ? 6 : 0)\n break\n case g:\n h = (b - r) / d + 2\n break\n case b:\n h = (r - g) / d + 4\n break\n }\n h /= 6\n }\n\n return { h, s, l }\n}\n\n/**\n * Converts HSL values to a HEX color string.\n * @param hsl - The HSL representation of the color.\n * @returns The HEX color string.\n * @throws Will throw an error if any HSL component is out of range.\n */\nexport function hslToHex({ h, s, l }: HSL): string {\n validateHsl({ h, s, l })\n const { r, g, b } = hslToRgb({ h, s, l })\n return rgbaToHex(r, g, b)\n}\n\n/**\n * Converts HSL values to RGB.\n * @param hsl - The HSL representation of the color.\n * @returns The RGB representation of the color.\n * @throws Will throw an error if any HSL component is out of range.\n */\nexport function hslToRgb({ h, s, l }: HSL): RGBA {\n validateHsl({ h, s, l })\n let r: number, g: number, b: number\n\n const hueToRgb = (p: number, q: number, t: number): number => {\n if (t < 0) t += 1\n if (t > 1) t -= 1\n if (t < 1 / 6) return p + (q - p) * 6 * t\n if (t < 1 / 2) return q\n if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6\n return p\n }\n\n if (s === 0) {\n r = g = b = l // achromatic\n } else {\n const q = l < 0.5 ? l * (1 + s) : l + s - l * s\n const p = 2 * l - q\n r = hueToRgb(p, q, h + 1 / 3)\n g = hueToRgb(p, q, h)\n b = hueToRgb(p, q, h - 1 / 3)\n }\n\n return {\n r: Math.round(r * 255),\n g: Math.round(g * 255),\n b: Math.round(b * 255),\n }\n}\n\nexport type OKLCH = {\n /** Perceptual lightness, 0–1. */\n l: number\n /** Chroma, 0 for gray; vivid sRGB colors peak near 0.3. */\n c: number\n /** Hue angle in degrees. */\n h: number\n /** Optional alpha, 0–1. */\n alpha?: number\n}\n\n/**\n * Converts an OKLCH color to a HEX color string.\n *\n * Lightness is perceptual, so colors sharing `l` read equally bright whatever\n * their hue. That makes OKLCH the natural space for a palette: pick a hue per\n * role and reuse one set of lightness steps. Chroma beyond the sRGB gamut is\n * reduced until the color fits, keeping its lightness and hue.\n * @param oklch - The OKLCH representation of the color.\n * @returns The HEX color string.\n */\nexport function oklchToHex({ l, c, h, alpha }: OKLCH): string {\n let rgb = oklchToLinearRgb(l, c, h)\n if (!isInGamut(rgb)) {\n let low = 0\n let high = c\n for (let i = 0; i < 20; i++) {\n const mid = (low + high) / 2\n if (isInGamut(oklchToLinearRgb(l, mid, h))) low = mid\n else high = mid\n }\n rgb = oklchToLinearRgb(l, low, h)\n }\n const [r, g, b] = rgb.map(toSrgbByte)\n return rgbaToHex(r, g, b, alpha)\n}\n\nfunction oklchToLinearRgb(l: number, c: number, h: number) {\n const radians = (h * Math.PI) / 180\n const a = c * Math.cos(radians)\n const b = c * Math.sin(radians)\n const long = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3\n const medium = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3\n const short = (l - 0.0894841775 * a - 1.291485548 * b) ** 3\n return [\n 4.0767416621 * long - 3.3077115913 * medium + 0.2309699292 * short,\n -1.2684380046 * long + 2.6097574011 * medium - 0.3413193965 * short,\n -0.0041960863 * long - 0.7034186147 * medium + 1.707614701 * short,\n ]\n}\n\nfunction isInGamut(rgb: number[]) {\n return rgb.every((channel) => channel >= -1e-4 && channel <= 1 + 1e-4)\n}\n\nfunction toSrgbByte(linear: number) {\n const value = Math.min(Math.max(linear, 0), 1)\n const encoded =\n value <= 0.0031308 ? value * 12.92 : 1.055 * value ** (1 / 2.4) - 0.055\n return Math.round(encoded * 255)\n}\n\n/**\n * Validates RGBA values to ensure they are within the correct range.\n * @param rgba - The RGBA representation of the color.\n * @throws Will throw an error if any color component is out of range.\n */\nfunction validateRgb({ r, g, b, a }: RGBA): void {\n if (r > 255 || r < 0) throw new Error(`r is not in range: ${r}`)\n if (g > 255 || g < 0) throw new Error(`g is not in range: ${g}`)\n if (b > 255 || b < 0) throw new Error(`b is not in range: ${b}`)\n if (a !== undefined && (a > 1 || a < 0))\n throw new Error(`a is not in range: ${a}`)\n}\n\n/**\n * Validates HSL values to ensure they are within the correct range.\n * @param hsl - The HSL representation of the color.\n * @throws Will throw an error if any HSL component is out of range.\n */\nfunction validateHsl({ h, s, l }: HSL): void {\n if (h > 1 || h < 0) throw new Error(`h is not in range: ${h}`)\n if (s > 1 || s < 0) throw new Error(`s is not in range: ${s}`)\n if (l > 1 || l < 0) throw new Error(`l is not in range: ${l}`)\n}\n\n/**\n * Generates an array of HEX color strings based on variations in lightness.\n * @param hex - The base HEX color string.\n * @param deltaLeft - The decrease in lightness as a percentage.\n * @param deltaRight - The increase in lightness as a percentage.\n * @param count - The number of color variations to generate.\n * @returns An array of HEX color strings.\n */\nexport function getColors(\n hex: string,\n deltaLeft: number,\n deltaRight: number,\n count: number,\n reverse?: boolean,\n): string[] {\n if (count < 2) {\n return [hex]\n }\n deltaLeft /= 100\n deltaRight /= 100\n const result: string[] = []\n const { h, s, l } = rgbToHsl(hexToRgba(hex))\n\n let minLight = l - deltaLeft\n let maxLight = l + deltaRight\n\n if (minLight < 0) {\n minLight = 0\n }\n if (maxLight > 1) {\n maxLight = 1\n }\n\n minLight = Math.max(0, minLight)\n maxLight = Math.min(1, maxLight)\n const step = (maxLight - minLight) / (count - 1)\n\n for (let i = 0; i < count; ++i) {\n result.push(hslToHex({ h, s, l: minLight + i * step }))\n }\n\n if (reverse) return result.reverse()\n return result\n}\n\nexport interface GradientStop {\n /** position along the gradient (0–100%) */\n offset: number\n /** hex color at this stop */\n color: string\n}\n\n/**\n * Generates N gradient stops between two hex colors.\n * @param startHex - e.g. \"#21a8c3\"\n * @param endHex - e.g. \"#a50d60\"\n * @param count - number of stops (must be ≥ 2)\n * @param method - 'hsl' | 'rgb' interpolation (defaults to 'hsl')\n * @returns array of `{ offset: 0–100, color: hex }`\n * @throws if `count < 2` or hex inputs invalid\n */\nexport function getGradient(\n startHex: string,\n endHex: string,\n count: number,\n method: 'hsl' | 'rgb' = 'hsl',\n): GradientStop[] {\n if (count < 2) {\n throw new Error(`gradientStops: count must be ≥ 2 (got ${count})`)\n }\n if (method === 'rgb') return getRGBGradient(startHex, endHex, count)\n\n // convert to HSL\n const hslA = rgbToHsl(hexToRgba(startHex))\n const hslB = rgbToHsl(hexToRgba(endHex))\n\n // shortest-path hue delta\n let dh = hslB.h - hslA.h\n if (dh > 0.5) dh -= 1\n else if (dh < -0.5) dh += 1\n\n const ds = hslB.s - hslA.s\n const dl = hslB.l - hslA.l\n\n const stops: GradientStop[] = []\n for (let i = 0; i < count; i++) {\n const t = i / (count - 1)\n // interpolate and wrap hue back into [0,1]\n let h = hslA.h + dh * t\n if (h < 0) h += 1\n else if (h > 1) h -= 1\n\n const s = hslA.s + ds * t\n const l = hslA.l + dl * t\n\n stops.push({\n offset: t * 100,\n color: hslToHex({ h, s, l }),\n })\n }\n\n return stops\n}\n\nfunction getRGBGradient(\n startHex: string,\n endHex: string,\n count: number,\n): GradientStop[] {\n const start = hexToRgba(startHex)\n const end = hexToRgba(endHex)\n const stops: GradientStop[] = []\n\n for (let i = 0; i < count; i++) {\n const t = i / (count - 1)\n // linearly blend each channel\n const r = Math.round(start.r + (end.r - start.r) * t)\n const g = Math.round(start.g + (end.g - start.g) * t)\n const b = Math.round(start.b + (end.b - start.b) * t)\n const a =\n end.a != null && start.a != null\n ? start.a + (end.a - start.a) * t\n : undefined\n\n stops.push({\n offset: t * 100,\n color: rgbaToHex(r, g, b, a),\n })\n }\n\n return stops\n}\n","import { BaseStyle } from './baseStyle'\nimport type { CSSProps } from './cssProps'\n\nexport class Style extends BaseStyle<Style> {\n constructor(selector?: string) {\n super((s) => new Style(s), selector)\n }\n\n /**\n * `@`counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor. Needs to be specified if the counter system is 'additive'..\n *\n * syntax: `@counter-style { additive-symbols: 1 I; }`\n *\n * restriction: integer, string, image, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-additive-symbols\n *\n * @param value -\n */\n additiveSymbols(value: CSSProps['additiveSymbols']) {\n this.set('additive-symbols', value)\n return this\n }\n\n /**\n * Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis..\n * \n * syntax: `p { align-content: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-content\n *\n * values:\n * ```md\n * center: Lines are packed toward the center of the flex container.\n\n * flex-end: Lines are packed toward the end of the flex container.\n\n * flex-start: Lines are packed toward the start of the flex container.\n\n * space-around: Lines are evenly distributed in the flex container, with half-size spaces on either end.\n\n * space-between: Lines are evenly distributed in the flex container.\n\n * stretch: Lines stretch to take up the remaining space.\n\n * start: undefined\n\n * end: undefined\n\n * normal: undefined\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * space-around: undefined\n\n * space-between: undefined\n\n * space-evenly: undefined\n\n * stretch: undefined\n\n * safe: undefined\n\n * unsafe: undefined\n * ```\n * @param value -\n */\n alignContent(value: CSSProps['alignContent']) {\n this.set('align-content', value)\n return this\n }\n\n /**\n * Aligns flex items along the cross axis of the current line of the flex container..\n * \n * syntax: `p { align-items: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-items\n *\n * values:\n * ```md\n * baseline: If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment.\n\n * center: The flex item's margin box is centered in the cross axis within the line.\n\n * flex-end: The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.\n\n * flex-start: The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line.\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * normal: undefined\n\n * start: undefined\n\n * end: undefined\n\n * self-start: undefined\n\n * self-end: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * stretch: undefined\n\n * safe: undefined\n\n * unsafe: undefined\n * ```\n * @param value -\n */\n alignItems(value: CSSProps['alignItems']) {\n this.set('align-items', value)\n return this\n }\n\n /**\n * Defines the default justify-self for all items of the box, giving them the default way of justifying each box along the appropriate axis.\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF45\n * \n * ref: https://www.w3.org/TR/css-grid-1/#row-align\n *\n * values:\n * ```md\n * auto: undefined\n\n * normal: undefined\n\n * end: undefined\n\n * start: undefined\n\n * flex-end: \"Flex items are packed toward the end of the line.\"\n\n * flex-start: \"Flex items are packed toward the start of the line.\"\n\n * self-end: The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis.\n\n * self-start: The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis..\n\n * center: The items are packed flush to each other toward the center of the of the alignment container.\n\n * left: undefined\n\n * right: undefined\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * safe: undefined\n\n * unsafe: undefined\n\n * legacy: undefined\n * ```\n * @param value -\n */\n justifyItems(value: CSSProps['justifyItems']) {\n this.set('justify-items', value)\n return this\n }\n\n /**\n * Defines the way of justifying a box inside its container along the appropriate axis..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF45\n * \n * ref: https://www.w3.org/TR/css-grid-1/#row-align\n *\n * values:\n * ```md\n * auto: undefined\n\n * normal: undefined\n\n * end: undefined\n\n * start: undefined\n\n * flex-end: \"Flex items are packed toward the end of the line.\"\n\n * flex-start: \"Flex items are packed toward the start of the line.\"\n\n * self-end: The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis.\n\n * self-start: The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis..\n\n * center: The items are packed flush to each other toward the center of the of the alignment container.\n\n * left: undefined\n\n * right: undefined\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * save: undefined\n\n * unsave: undefined\n * ```\n * @param value -\n */\n justifySelf(value: CSSProps['justifySelf']) {\n this.set('justify-self', value)\n return this\n }\n\n /**\n * Allows the default alignment along the cross axis to be overridden for individual flex items..\n * \n * syntax: `p { align-self: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-items\n *\n * values:\n * ```md\n * auto: Computes to the value of 'align-items' on the element's parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself.\n\n * normal: undefined\n\n * self-end: undefined\n\n * self-start: undefined\n\n * baseline: If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment.\n\n * center: The flex item's margin box is centered in the cross axis within the line.\n\n * flex-end: The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.\n\n * flex-start: The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line.\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * safe: undefined\n\n * unsafe: undefined\n * ```\n * @param value -\n */\n alignSelf(value: CSSProps['alignSelf']) {\n this.set('align-self', value)\n return this\n }\n\n /**\n * Shorthand that resets all properties except 'direction' and 'unicode-bidi'..\n *\n * syntax: `* { all: unset; }`\n *\n * restriction: enum\n *\n * browsers: C37,FF27,O24\n *\n * ref: http://www.w3.org/TR/css-cascade-3/#all-shorthand\n *\n * @param value -\n */\n all(value: CSSProps['all']) {\n this.set('all', value)\n return this\n }\n\n /**\n * Provides alternative text for assistive technology to replace the generated content of a ::before or ::after element..\n *\n * syntax: `label::before { alt: 'alt text'; }`\n *\n * restriction: string, enum\n *\n * browsers: S9\n *\n * ref: https://drafts.csswg.org/css-content-3/#propdef-alt\n *\n * @param value -\n */\n alt(value: CSSProps['alt']) {\n this.set('alt', value)\n return this\n }\n\n /**\n * Shorthand property combines six of the animation properties into a single property..\n * \n * syntax: `div { animation: movearound 4s ease 3 normal; }`\n * \n * restriction: time, timing-function, enum, identifier, number\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * infinite: Causes the animation to repeat forever.\n\n * none: No animation is performed\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n animation(value: CSSProps['animation']) {\n this.set('animation', value)\n return this\n }\n\n /**\n * Defines when the animation will start..\n *\n * syntax: `div { animation-delay: 4s; }`\n *\n * restriction: time\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-delay\n *\n * @param value -\n */\n animationDelay(value: CSSProps['animationDelay']) {\n this.set('animation-delay', value)\n return this\n }\n\n /**\n * Defines whether or not the animation should play in reverse on alternate cycles..\n * \n * syntax: `div { animation-direction: normal; }`\n * \n * restriction: enum\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-direction\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n animationDirection(value: CSSProps['animationDirection']) {\n this.set('animation-direction', value)\n return this\n }\n\n /**\n * Defines the length of time that an animation takes to complete one cycle..\n *\n * syntax: `div { animation-duration: 4s; }`\n *\n * restriction: time\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-duration\n *\n * @param value -\n */\n animationDuration(value: CSSProps['animationDuration']) {\n this.set('animation-duration', value)\n return this\n }\n\n /**\n * Defines what values are applied by the animation outside the time it is executing..\n * \n * syntax: `div { animation-fill-mode: forwards; }`\n * \n * restriction: enum\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-fill-mode-property\n *\n * values:\n * ```md\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * none: There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes.\n * ```\n * @param value -\n */\n animationFillMode(value: CSSProps['animationFillMode']) {\n this.set('animation-fill-mode', value)\n return this\n }\n\n /**\n * Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once..\n *\n * syntax: `div { animation-iteration-count: 3; }`\n *\n * restriction: number, enum\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-iteration-count\n *\n * @param value -\n */\n animationIterationCount(value: CSSProps['animationIterationCount']) {\n this.set('animation-iteration-count', value)\n return this\n }\n\n /**\n * Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation..\n *\n * syntax: `div { animation-name: movearound; }`\n *\n * restriction: identifier, enum\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#the-animation-name-property-\n *\n * @param value -\n */\n animationName(value: CSSProps['animationName']) {\n this.set('animation-name', value)\n return this\n }\n\n /**\n * Defines whether the animation is running or paused..\n * \n * syntax: `div { animation-play-state: running; }`\n * \n * restriction: enum\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-play-state\n *\n * values:\n * ```md\n * paused: A running animation will be paused.\n\n * running: Resume playback of a paused animation.\n * ```\n * @param value -\n */\n animationPlayState(value: CSSProps['animationPlayState']) {\n this.set('animation-play-state', value)\n return this\n }\n\n /**\n * Describes how the animation will progress over one cycle of its duration..\n *\n * syntax: `div { animation-timing-function: ease; }`\n *\n * restriction: timing-function\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-timing-function\n *\n * @param value -\n */\n animationTimingFunction(value: CSSProps['animationTimingFunction']) {\n this.set('animation-timing-function', value)\n return this\n }\n\n /**\n * Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer..\n * \n * syntax: `div { backface-visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: E,C36,FF16,IE10,O23\n * \n * ref: http://www.w3.org/TR/css3-transforms/#backface-visibility-property\n *\n * values:\n * ```md\n * hidden: Back side is hidden.\n\n * visible: Back side is visible.\n * ```\n * @param value -\n */\n backfaceVisibility(value: CSSProps['backfaceVisibility']) {\n this.set('backface-visibility', value)\n return this\n }\n\n /**\n * Shorthand property for setting most background properties at the same place in the style sheet..\n * \n * syntax: `section { background: url(image.png) no-repeat #999; }`\n * \n * restriction: enum, image, color, position, length, repeat, percentage, box\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-background/#background\n *\n * values:\n * ```md\n * fixed: The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page.\n\n * local: The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents.\n\n * none: A value of 'none' counts as an image layer but draws nothing.\n\n * scroll: The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)\n * ```\n * @param value -\n */\n background(value: CSSProps['background']) {\n this.set('background', value)\n return this\n }\n\n /**\n * Specifies whether the background images are fixed with regard to the viewport ('fixed') or scroll along with the element ('scroll') or its contents ('local')..\n * \n * syntax: `.box { background-attachment: fixed; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-background/#the-background-attachment\n *\n * values:\n * ```md\n * fixed: The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page.\n\n * local: The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents.\n\n * scroll: The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)\n * ```\n * @param value -\n */\n backgroundAttachment(value: CSSProps['backgroundAttachment']) {\n this.set('background-attachment', value)\n return this\n }\n\n /**\n * Defines the blending mode of each background layer..\n * \n * syntax: `div { background-blend-mode: saturation; }`\n * \n * restriction: enum\n * \n * browsers: C35,FF30,O22,S7.1\n * \n * ref: http://www.w3.org/TR/compositing-1/#propdef-background-blend-mode\n *\n * values:\n * ```md\n * normal: Default attribute which specifies no blending\n\n * multiply: The source color is multiplied by the destination color and replaces the destination.\n\n * screen: Multiplies the complements of the backdrop and source color values, then complements the result.\n\n * overlay: Multiplies or screens the colors, depending on the backdrop color value.\n\n * darken: Selects the darker of the backdrop and source colors.\n\n * lighten: Selects the lighter of the backdrop and source colors.\n\n * color-dodge: Brightens the backdrop color to reflect the source color.\n\n * color-burn: Darkens the backdrop color to reflect the source color.\n\n * hard-light: Multiplies or screens the colors, depending on the source color value.\n\n * soft-light: Darkens or lightens the colors, depending on the source color value.\n\n * difference: Subtracts the darker of the two constituent colors from the lighter color..\n\n * exclusion: Produces an effect similar to that of the Difference mode but lower in contrast.\n\n * hue: Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.\n\n * saturation: Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.\n\n * color: Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.\n\n * luminosity: Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.\n * ```\n * @param value -\n */\n backgroundBlendMode(value: CSSProps['backgroundBlendMode']) {\n this.set('background-blend-mode', value)\n return this\n }\n\n /**\n * Determines the background painting area..\n *\n * syntax: `header { background-clip: border-box; }`\n *\n * restriction: box\n *\n * browsers: E,C,FF4,IE9,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-clip\n *\n * @param value -\n */\n backgroundClip(value: CSSProps['backgroundClip']) {\n this.set('background-clip', value)\n return this\n }\n\n /**\n * Sets the background color of an element..\n *\n * syntax: `body { background-color: white; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-color\n *\n * @param value -\n */\n backgroundColor(value: CSSProps['backgroundColor']) {\n this.set('background-color', value)\n return this\n }\n\n /**\n * Sets the background image(s) of an element..\n *\n * syntax: `article { background-image: url(image.png); }`\n *\n * restriction: image, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-image\n *\n * @param value -\n */\n backgroundImage(value: CSSProps['backgroundImage']) {\n this.set('background-image', value)\n return this\n }\n\n /**\n * For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s)..\n *\n * syntax: `header { background-origin: border-box; }`\n *\n * restriction: box\n *\n * browsers: E,C,FF4,IE9,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-origin\n *\n * @param value -\n */\n backgroundOrigin(value: CSSProps['backgroundOrigin']) {\n this.set('background-origin', value)\n return this\n }\n\n /**\n * Specifies the initial position of the background image(s) (after any resizing) within their corresponding background positioning area..\n *\n * syntax: `div { background-position: left center}`\n *\n * restriction: position, length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-position\n *\n * @param value -\n */\n backgroundPosition(value: CSSProps['backgroundPosition']) {\n this.set('background-position', value)\n return this\n }\n\n /**\n * Specifies how background images are tiled after they have been sized and positioned..\n *\n * syntax: `article { background-repeat: no-repeat; }`\n *\n * restriction: repeat\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-repeat\n *\n * @param value -\n */\n backgroundRepeat(value: CSSProps['backgroundRepeat']) {\n this.set('background-repeat', value)\n return this\n }\n\n /**\n * Specifies the size of the background images..\n * \n * syntax: `header { background-size: 20px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF4,IE9,O10,S4.1\n * \n * ref: http://www.w3.org/TR/css3-background/#the-background-size\n *\n * values:\n * ```md\n * auto: Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%.\n\n * contain: Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.\n\n * cover: Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.\n * ```\n * @param value -\n */\n backgroundSize(value: CSSProps['backgroundSize']) {\n this.set('background-size', value)\n return this\n }\n\n /**\n * Size of an element in the direction opposite that of the direction specified by 'writing-mode'..\n *\n * syntax: `header { block-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-block-size\n *\n * @param value -\n */\n blockSize(value: CSSProps['blockSize']) {\n this.set('block-size', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style, and color..\n *\n * syntax: `header { border: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n border(value: CSSProps['border']) {\n this.set('border', value)\n return this\n }\n\n /**\n * Logical 'border-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-block-end: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEnd(value: CSSProps['borderBlockEnd']) {\n this.set('border-block-end', value)\n return this\n }\n\n /**\n * Logical 'border-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-block-start: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStart(value: CSSProps['borderBlockStart']) {\n this.set('border-block-start', value)\n return this\n }\n\n /**\n * Logical 'border-bottom-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-end-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEndColor(value: CSSProps['borderBlockEndColor']) {\n this.set('border-block-end-color', value)\n return this\n }\n\n /**\n * Logical 'border-top-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-start-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStartColor(value: CSSProps['borderBlockStartColor']) {\n this.set('border-block-start-color', value)\n return this\n }\n\n /**\n * Logical 'border-bottom-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-end-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEndStyle(value: CSSProps['borderBlockEndStyle']) {\n this.set('border-block-end-style', value)\n return this\n }\n\n /**\n * Logical 'border-top-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-start-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStartStyle(value: CSSProps['borderBlockStartStyle']) {\n this.set('border-block-start-style', value)\n return this\n }\n\n /**\n * Logical 'border-bottom-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-end-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEndWidth(value: CSSProps['borderBlockEndWidth']) {\n this.set('border-block-end-width', value)\n return this\n }\n\n /**\n * Logical 'border-top-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-start-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStartWidth(value: CSSProps['borderBlockStartWidth']) {\n this.set('border-block-start-width', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color..\n *\n * syntax: `header { border-bottom: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderBottom(value: CSSProps['borderBottom']) {\n this.set('border-bottom', value)\n return this\n }\n\n /**\n * Sets the color of the bottom border..\n *\n * syntax: `td { border-bottom-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderBottomColor(value: CSSProps['borderBottomColor']) {\n this.set('border-bottom-color', value)\n return this\n }\n\n /**\n * Defines the radii of the bottom left outer border edge..\n *\n * syntax: `td { border-bottom-left-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderBottomLeftRadius(value: CSSProps['borderBottomLeftRadius']) {\n this.set('border-bottom-left-radius', value)\n return this\n }\n\n /**\n * Defines the radii of the bottom right outer border edge..\n *\n * syntax: `td { border-bottom-right-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderBottomRightRadius(value: CSSProps['borderBottomRightRadius']) {\n this.set('border-bottom-right-radius', value)\n return this\n }\n\n /**\n * Sets the style of the bottom border..\n *\n * syntax: `td { border-bottom-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderBottomStyle(value: CSSProps['borderBottomStyle']) {\n this.set('border-bottom-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the bottom border..\n *\n * syntax: `td { border-bottom-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderBottomWidth(value: CSSProps['borderBottomWidth']) {\n this.set('border-bottom-width', value)\n return this\n }\n\n /**\n * Selects a table's border model..\n * \n * syntax: `table { border-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#borders\n *\n * values:\n * ```md\n * collapse: Selects the collapsing borders model.\n\n * separate: Selects the separated borders border model.\n * ```\n * @param value -\n */\n borderCollapse(value: CSSProps['borderCollapse']) {\n this.set('border-collapse', value)\n return this\n }\n\n /**\n * The color of the border around all four edges of an element..\n *\n * syntax: `td { border-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderColor(value: CSSProps['borderColor']) {\n this.set('border-color', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values..\n * \n * syntax: `td { border-image: url(border.png) 30 30 round;}`\n * \n * restriction: length, percentage, number, url, enum\n * \n * browsers: E,C16,FF15,IE11,O15,S6\n * \n * ref: http://www.w3.org/TR/css3-background/#border-image\n *\n * values:\n * ```md\n * auto: If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead.\n\n * fill: Causes the middle part of the border-image to be preserved.\n\n * none: Use the border styles.\n\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n\n * url(): undefined\n * ```\n * @param value -\n */\n borderImage(value: CSSProps['borderImage']) {\n this.set('border-image', value)\n return this\n }\n\n /**\n * The values specify the amount by which the border image area extends beyond the border box on the top, right, bottom, and left sides respectively. If the fourth value is absent, it is the same as the second. If the third one is also absent, it is the same as the first. If the second one is also absent, it is the same as the first. Numbers represent multiples of the corresponding border-width..\n *\n * syntax: `div { border-image-outset: 3px; }`\n *\n * restriction: length, number\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#border-image-outset\n *\n * @param value -\n */\n borderImageOutset(value: CSSProps['borderImageOutset']) {\n this.set('border-image-outset', value)\n return this\n }\n\n /**\n * Specifies how the images for the sides and the middle part of the border image are scaled and tiled. If the second keyword is absent, it is assumed to be the same as the first..\n * \n * syntax: `td { border-image-repeat: stretch; }`\n * \n * restriction: enum\n * \n * browsers: E,C16,FF15,IE11,O15,S6\n * \n * ref: http://www.w3.org/TR/css3-background/#the-border-image-repeat\n *\n * values:\n * ```md\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n * ```\n * @param value -\n */\n borderImageRepeat(value: CSSProps['borderImageRepeat']) {\n this.set('border-image-repeat', value)\n return this\n }\n\n /**\n * Specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle..\n *\n * syntax: `div { border-image-slice: 10%; }`\n *\n * restriction: number, percentage\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#border-image-slice\n *\n * @param value -\n */\n borderImageSlice(value: CSSProps['borderImageSlice']) {\n this.set('border-image-slice', value)\n return this\n }\n\n /**\n * Specifies an image to use instead of the border styles given by the 'border-style' properties and as an additional background layer for the element. If the value is 'none' or if the image cannot be displayed, the border styles will be used..\n *\n * syntax: `aside { border-image-source: url(image.png); }`\n *\n * restriction: image\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#the-border-image-source\n *\n * @param value -\n */\n borderImageSource(value: CSSProps['borderImageSource']) {\n this.set('border-image-source', value)\n return this\n }\n\n /**\n * The four values of 'border-image-width' specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the top, right, bottom, and left sides of the area, respectively..\n *\n * syntax: `.album { border-image-width: 4px; }`\n *\n * restriction: length, percentage, number\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#border-image-slice\n *\n * @param value -\n */\n borderImageWidth(value: CSSProps['borderImageWidth']) {\n this.set('border-image-width', value)\n return this\n }\n\n /**\n * Logical 'border-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-inline-end: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEnd(value: CSSProps['borderInlineEnd']) {\n this.set('border-inline-end', value)\n return this\n }\n\n /**\n * Logical 'border-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-inline-start: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStart(value: CSSProps['borderInlineStart']) {\n this.set('border-inline-start', value)\n return this\n }\n\n /**\n * Logical 'border-right-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-end-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEndColor(value: CSSProps['borderInlineEndColor']) {\n this.set('border-inline-end-color', value)\n return this\n }\n\n /**\n * Logical 'border-left-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-start-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStartColor(value: CSSProps['borderInlineStartColor']) {\n this.set('border-inline-start-color', value)\n return this\n }\n\n /**\n * Logical 'border-right-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-end-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEndStyle(value: CSSProps['borderInlineEndStyle']) {\n this.set('border-inline-end-style', value)\n return this\n }\n\n /**\n * Logical 'border-left-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-start-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStartStyle(value: CSSProps['borderInlineStartStyle']) {\n this.set('border-inline-start-style', value)\n return this\n }\n\n /**\n * Logical 'border-right-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-end-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEndWidth(value: CSSProps['borderInlineEndWidth']) {\n this.set('border-inline-end-width', value)\n return this\n }\n\n /**\n * Logical 'border-left-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-start-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStartWidth(value: CSSProps['borderInlineStartWidth']) {\n this.set('border-inline-start-width', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color.\n *\n * syntax: `header { border-left: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderLeft(value: CSSProps['borderLeft']) {\n this.set('border-left', value)\n return this\n }\n\n /**\n * Sets the color of the left border..\n *\n * syntax: `td { border-left-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderLeftColor(value: CSSProps['borderLeftColor']) {\n this.set('border-left-color', value)\n return this\n }\n\n /**\n * Sets the style of the left border..\n *\n * syntax: `td { border-left-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderLeftStyle(value: CSSProps['borderLeftStyle']) {\n this.set('border-left-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the left border..\n *\n * syntax: `td { border-left-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderLeftWidth(value: CSSProps['borderLeftWidth']) {\n this.set('border-left-width', value)\n return this\n }\n\n /**\n * Defines the radii of the outer border edge..\n *\n * syntax: `td { border-radius: 3px 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderRadius(value: CSSProps['borderRadius']) {\n this.set('border-radius', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color.\n *\n * syntax: `header { border-right: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderRight(value: CSSProps['borderRight']) {\n this.set('border-right', value)\n return this\n }\n\n /**\n * Sets the color of the right border..\n *\n * syntax: `td { border-right-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderRightColor(value: CSSProps['borderRightColor']) {\n this.set('border-right-color', value)\n return this\n }\n\n /**\n * Sets the style of the right border..\n *\n * syntax: `td { border-right-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderRightStyle(value: CSSProps['borderRightStyle']) {\n this.set('border-right-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the right border..\n *\n * syntax: `td { border-right-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderRightWidth(value: CSSProps['borderRightWidth']) {\n this.set('border-right-width', value)\n return this\n }\n\n /**\n * The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative..\n *\n * syntax: `table { border-spacing: 10px 50px; }`\n *\n * restriction: length\n *\n * browsers: E,C,FF1,IE8,O7,S1.2\n *\n * ref: http://www.w3.org/TR/CSS2/tables.html#borders\n *\n * @param value -\n */\n borderSpacing(value: CSSProps['borderSpacing']) {\n this.set('border-spacing', value)\n return this\n }\n\n /**\n * The style of the border around edges of an element..\n *\n * syntax: `td { border-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderStyle(value: CSSProps['borderStyle']) {\n this.set('border-style', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color.\n *\n * syntax: `header { border-top: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderTop(value: CSSProps['borderTop']) {\n this.set('border-top', value)\n return this\n }\n\n /**\n * Sets the color of the top border..\n *\n * syntax: `td { border-top-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderTopColor(value: CSSProps['borderTopColor']) {\n this.set('border-top-color', value)\n return this\n }\n\n /**\n * Defines the radii of the top left outer border edge..\n *\n * syntax: `td { border-top-left-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderTopLeftRadius(value: CSSProps['borderTopLeftRadius']) {\n this.set('border-top-left-radius', value)\n return this\n }\n\n /**\n * Defines the radii of the top right outer border edge..\n *\n * syntax: `td { border-top-right-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderTopRightRadius(value: CSSProps['borderTopRightRadius']) {\n this.set('border-top-right-radius', value)\n return this\n }\n\n /**\n * Sets the style of the top border..\n *\n * syntax: `td { border-top-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderTopStyle(value: CSSProps['borderTopStyle']) {\n this.set('border-top-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the top border..\n *\n * syntax: `td { border-top-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderTopWidth(value: CSSProps['borderTopWidth']) {\n this.set('border-top-width', value)\n return this\n }\n\n /**\n * Shorthand that sets the four 'border-*-width' properties. If it has four values, they set top, right, bottom and left in that order. If left is missing, it is the same as right; if bottom is missing, it is the same as top; if right is missing, it is the same as top..\n *\n * syntax: `td { border-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderWidth(value: CSSProps['borderWidth']) {\n this.set('border-width', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's 'containing block'..\n *\n * syntax: `article { bottom: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-bottom\n *\n * @param value -\n */\n bottom(value: CSSProps['bottom']) {\n this.set('bottom', value)\n return this\n }\n\n /**\n * Specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is individually wrapped with the border and padding..\n * \n * syntax: `div { box-decoration-break: clone; }`\n * \n * restriction: enum\n * \n * browsers: FF32,O11\n * \n * ref: http://www.w3.org/TR/css3-break/#break-decoration\n *\n * values:\n * ```md\n * clone: Each box is independently wrapped with the border and padding.\n\n * slice: The effect is as though the element were rendered with no breaks present, and then sliced by the breaks afterward.\n * ```\n * @param value -\n */\n boxDecorationBreak(value: CSSProps['boxDecorationBreak']) {\n this.set('box-decoration-break', value)\n return this\n }\n\n /**\n * Attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional 'inset' keyword. Omitted lengths are 0; omitted colors are a user agent chosen color..\n * \n * syntax: `div { box-shadow: rgba(0,0,0,0.4) 10px 10px inset; }`\n * \n * restriction: length, color, enum\n * \n * browsers: E,C,FF4,IE9,O11.5,S5.1\n * \n * ref: http://www.w3.org/TR/css3-background/#box-shadow\n *\n * values:\n * ```md\n * inset: Changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it).\n\n * none: No shadow.\n * ```\n * @param value -\n */\n boxShadow(value: CSSProps['boxShadow']) {\n this.set('box-shadow', value)\n return this\n }\n\n /**\n * Specifies the behavior of the 'width' and 'height' properties..\n * \n * syntax: `div { box-sizing: content-box; }`\n * \n * restriction: enum\n * \n * browsers: E,C10,FF29,IE8,O8,S5.1\n * \n * ref: http://www.w3.org/TR/css3-ui/#box-sizing\n *\n * values:\n * ```md\n * border-box: The specified width and height (and respective min/max properties) on this element determine the border box of the element.\n\n * content-box: Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element.\n * ```\n * @param value -\n */\n boxSizing(value: CSSProps['boxSizing']) {\n this.set('box-sizing', value)\n return this\n }\n\n /**\n * Specifies the position of the caption box with respect to the table box..\n * \n * syntax: `caption { caption-side: bottom; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF,IE8,O,S\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#caption-position\n *\n * values:\n * ```md\n * block-end: Logical 'bottom'\n\n * block-start: Logical 'top'\n\n * bottom: Positions the caption box below the table box.\n\n * inline-end: Logical 'right'\n\n * inline-start: Logical 'left'\n\n * top: Positions the caption box above the table box.\n * ```\n * @param value -\n */\n captionSide(value: CSSProps['captionSide']) {\n this.set('caption-side', value)\n return this\n }\n\n /**\n * Controls the color of the text insertion indicator..\n *\n * syntax: `textarea { caret-color: red; }`\n *\n * restriction: color, enum\n *\n * browsers: C60,FF55,O46\n *\n * ref: http://www.w3.org/TR/css3-ui/#propdef-caret-color\n *\n * @param value -\n */\n caretColor(value: CSSProps['caretColor']) {\n this.set('caret-color', value)\n return this\n }\n\n /**\n * Indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts..\n * \n * syntax: `footer { clear: both; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/2006/WD-CSS21-20060411/visuren.html#propdef-clear\n *\n * values:\n * ```md\n * both: The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document.\n\n * inline-end: Logical 'right'\n\n * inline-start: Logical 'left'\n\n * left: The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document.\n\n * none: No constraint on the box's position with respect to floats.\n\n * right: The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document.\n * ```\n * @param value -\n */\n clear(value: CSSProps['clear']) {\n this.set('clear', value)\n return this\n }\n\n /**\n * Deprecated. Use the 'clip-path' property when support allows. Defines the visible portion of an element's box..\n * \n * syntax: `span { clip: rect(0px, 60px, 200px, 0px); }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-masking/#clip-property\n *\n * values:\n * ```md\n * auto: The element does not clip.\n\n * rect(): Specifies offsets from the edges of the border box.\n * ```\n * @param value -\n */\n clip(value: CSSProps['clip']) {\n this.set('clip', value)\n return this\n }\n\n /**\n * Specifies a clipping path where everything inside the path is visible and everything outside is clipped out..\n * \n * syntax: ` `\n * \n * restriction: url, shape, geometry-box, enum\n * \n * browsers: FF3.5\n * \n * ref: http://www.w3.org/TR/css-masking/#the-clip-path\n *\n * values:\n * ```md\n * none: No clipping path gets created.\n\n * url(): References a <clipPath> element to create a clipping path.\n * ```\n * @param value -\n */\n clipPath(value: CSSProps['clipPath']) {\n this.set('clip-path', value)\n return this\n }\n\n /**\n * Indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: E,C5,FF3,IE10,O9,S6\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-clip-rule\n *\n * values:\n * ```md\n * evenodd: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.\n\n * nonzero: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray.\n * ```\n * @param value -\n */\n clipRule(value: CSSProps['clipRule']) {\n this.set('clip-rule', value)\n return this\n }\n\n /**\n * Sets the color of an element's text.\n *\n * syntax: `body { color: red; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-color/#foreground\n *\n * @param value -\n */\n color(value: CSSProps['color']) {\n this.set('color', value)\n return this\n }\n\n /**\n * Specifies the color space for imaging operations performed via filter effects..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: E,C5,FF3,IE10,O9,S6\n * \n * ref: http://www.w3.org/TR/filter-effects/#ColorInterpolationFiltersProperty\n *\n * values:\n * ```md\n * auto: Color operations are not required to occur in a particular color space.\n\n * linearRGB: Color operations should occur in the linearized RGB color space.\n\n * sRGB: Color operations should occur in the sRGB color space.\n * ```\n * @param value -\n */\n colorInterpolationFilters(value: CSSProps['colorInterpolationFilters']) {\n this.set('color-interpolation-filters', value)\n return this\n }\n\n /**\n * Describes the optimal number of columns into which the content of the element will be flowed..\n *\n * syntax: `div { column-count: 3; }`\n *\n * restriction: integer, enum\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-count\n *\n * @param value -\n */\n columnCount(value: CSSProps['columnCount']) {\n this.set('column-count', value)\n return this\n }\n\n /**\n * In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced..\n * \n * syntax: `article { column-fill: balance; }`\n * \n * restriction: enum\n * \n * browsers: E,IE10,O11.5,S9\n * \n * ref: http://www.w3.org/TR/css3-multicol/#filling-columns\n *\n * values:\n * ```md\n * auto: Fills columns sequentially.\n\n * balance: Balance content equally between columns, if possible.\n * ```\n * @param value -\n */\n columnFill(value: CSSProps['columnFill']) {\n this.set('column-fill', value)\n return this\n }\n\n /**\n * Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap..\n *\n * syntax: `div { column-gap: 10px; }`\n *\n * restriction: length, enum\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-gap0\n *\n * @param value -\n */\n columnGap(value: CSSProps['columnGap']) {\n this.set('column-gap', value)\n return this\n }\n\n /**\n * Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values..\n *\n * syntax: `header { column-rule: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule0\n *\n * @param value -\n */\n columnRule(value: CSSProps['columnRule']) {\n this.set('column-rule', value)\n return this\n }\n\n /**\n * Sets the style of the rule between columns of an element..\n *\n * syntax: `div { column-rule-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: E,IE10,O11.5,S6\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-style\n *\n * @param value -\n */\n columnRuleStyle(value: CSSProps['columnRuleStyle']) {\n this.set('column-rule-style', value)\n return this\n }\n\n /**\n * Sets the width of the rule between columns. Negative values are not allowed..\n *\n * syntax: `div { column-rule-width: 3px; }`\n *\n * restriction: length, line-width\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-width\n *\n * @param value -\n */\n columnRuleWidth(value: CSSProps['columnRuleWidth']) {\n this.set('column-rule-width', value)\n return this\n }\n\n /**\n * A shorthand property which sets both 'column-width' and 'column-count'..\n *\n * syntax: `div { columns: 100px 3; }`\n *\n * restriction: length, integer, enum\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#columns0\n *\n * @param value -\n */\n columns(value: CSSProps['columns']) {\n this.set('columns', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior after the generated box..\n * \n * syntax: `article { column-span: all; }`\n * \n * restriction: enum\n * \n * browsers: E,IE10,O11.5,S9\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-span0\n *\n * values:\n * ```md\n * all: The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear.\n\n * none: The element does not span multiple columns.\n * ```\n * @param value -\n */\n columnSpan(value: CSSProps['columnSpan']) {\n this.set('column-span', value)\n return this\n }\n\n /**\n * Describes the width of columns in multicol elements..\n * \n * syntax: `div { column-width: 100px; }`\n * \n * restriction: length, enum\n * \n * browsers: E,IE10,O11.5,S9\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-width\n *\n * values:\n * ```md\n * auto: The width depends on the values of other properties.\n\n * fill: Specifies the optimal column width as the fill-available inline size of the multi-column element.\n\n * fit-content: Specifies the optimal column width as min(max-content inline size, max(min-content inline size, fill-available inline size)).\n\n * max-content: Specifies the optimal column width as the max-content inline size of the multi-column element's contents.\n\n * min-content: Specifies the optimal column width as the min-content inline size of the multi-column element's contents.\n * ```\n * @param value -\n */\n columnWidth(value: CSSProps['columnWidth']) {\n this.set('column-width', value)\n return this\n }\n\n /**\n * Indicates that an element and its contents are, as much as possible, independent of the rest of the document tree..\n * \n * syntax: `div { contain: strict; }`\n * \n * restriction: enum\n * \n * browsers: C52,O40\n * \n * ref: https://drafts.csswg.org/css-containment-3/#propdef-contain\n *\n * values:\n * ```md\n * none: Indicates that the property has no effect.\n\n * strict: Turns on all forms of containment for the element.\n\n * content: All containment rules except size are applied to the element.\n\n * size: For properties that can have effects on more than just an element and its descendants, those effects don't escape the containing element.\n\n * layout: Turns on layout containment for the element.\n\n * style: Turns on style containment for the element.\n\n * paint: Turns on paint containment for the element.\n * ```\n * @param value -\n */\n contain(value: CSSProps['contain']) {\n this.set('contain', value)\n return this\n }\n\n /**\n * Determines which page-based occurrence of a given element is applied to a counter or string value..\n * \n * syntax: `a:after { content: ' ( attr(href))';}`\n * \n * restriction: string, url\n * \n * browsers: E,C,FF1,IE8,O4,S1\n * \n * ref: http://www.w3.org/TR/css3-content/#content\n *\n * values:\n * ```md\n * attr(): The attr(n) function returns as a string the value of attribute n for the subject of the selector.\n\n * box: A hollow square.\n\n * check: A check mark.\n\n * circle: A hollow circle.\n\n * close-quote: Value is replaced by the appropriate string from the 'quotes' property.\n\n * contents: Displays the element's descendants.\n\n * counter(name): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * counter(name, style): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * counters(name, string): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * counters(name, string, style): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * date(format): Current date and/or time, formatted according to the specified formatting string. Format is based on POSIX date formatting strings.\n\n * diamond: A filled diamond. On some platforms, this is similar to 'disc'.\n\n * disc: A filled circle.\n\n * endnote: Shorthand for 'counter(endnote, normal)'. This is intended to be used on the in-flow part of a endnote.\n\n * footnote: Shorthand for 'counter(footnote, normal)'. This is intended to be used on the in-flow part of a footnote.\n\n * hyphen: A hyphen bullet.\n\n * icon: The (pseudo-)element is replaced in its entirety by the resource referenced by its 'icon' property, and treated as a replaced element.\n\n * inhibit: On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements, this inhibits the creation of the pseudo-element, as if 'display' computed to 'none'.\n\n * list-item: Shorthand for 'counter(list-item, normal)'. Note that this is not equivalent to 'normal' when set on a '::marker' pseudo-element that has a superior with 'display' set to 'list-item', as it ignores the 'list-style' properties.\n\n * no-close-quote: Inserts nothing (as in 'none'), but increments (decrements) the level of nesting for quotes.\n\n * none: On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements it causes the pseudo-element to have no content.\n\n * no-open-quote: Inserts nothing (as in 'none'), but increments (decrements) the level of nesting for quotes.\n\n * normal: See http://www.w3.org/TR/css3-content/#content for computation rules.\n\n * open-quote: Value is replaced by the appropriate string from the 'quotes' property.\n\n * pending(): This causes all elements and pseudo-elements whose 'move-to' property computes to the specified identifier to be inserted as children of the current element (or pseudo-element).\n\n * section-note: Shorthand for 'counter(section-note, normal)'. This is intended to be used on the in-flow part of a section-note.\n\n * square: A filled square.\n\n * string(name): Specifies a string value\n\n * url(): undefined\n * ```\n * @param value -\n */\n content(value: CSSProps['content']) {\n this.set('content', value)\n return this\n }\n\n /**\n * Manipulate the value of existing counters..\n *\n * syntax: `h1:before { counter-increment: section; }`\n *\n * restriction: identifier, integer\n *\n * browsers: E,C,FF1.5,IE8,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-content/#counters\n *\n * @param value -\n */\n counterIncrement(value: CSSProps['counterIncrement']) {\n this.set('counter-increment', value)\n return this\n }\n\n /**\n * Property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element..\n *\n * syntax: `h1 { counter-reset: section; }`\n *\n * restriction: identifier, integer\n *\n * browsers: E,C,FF1.5,IE8,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-content/#counters\n *\n * @param value -\n */\n counterReset(value: CSSProps['counterReset']) {\n this.set('counter-reset', value)\n return this\n }\n\n /**\n * Allows control over cursor appearance in an element.\n * \n * syntax: `nav { cursor: pointer; }`\n * \n * restriction: url, number, enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-ui/#cursor0\n *\n * values:\n * ```md\n * alias: Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it.\n\n * all-scroll: Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle.\n\n * auto: The UA determines the cursor to display based on the current context.\n\n * cell: Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle.\n\n * col-resize: Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them.\n\n * context-menu: A context menu is available for the object under the cursor. Often rendered as an arrow with a small menu-like graphic next to it.\n\n * copy: Indicates something is to be copied. Often rendered as an arrow with a small plus sign next to it.\n\n * crosshair: A simple crosshair (e.g., short line segments resembling a '+' sign). Often used to indicate a two dimensional bitmap selection mode.\n\n * default: The platform-dependent default cursor. Often rendered as an arrow.\n\n * e-resize: Indicates that east edge is to be moved.\n\n * ew-resize: Indicates a bidirectional east-west resize cursor.\n\n * grab: Indicates that something can be grabbed.\n\n * grabbing: Indicates that something is being grabbed.\n\n * help: Help is available for the object under the cursor. Often rendered as a question mark or a balloon.\n\n * move: Indicates something is to be moved.\n\n * -moz-grab: Indicates that something can be grabbed.\n\n * -moz-grabbing: Indicates that something is being grabbed.\n\n * -moz-zoom-in: Indicates that something can be zoomed (magnified) in.\n\n * -moz-zoom-out: Indicates that something can be zoomed (magnified) out.\n\n * ne-resize: Indicates that movement starts from north-east corner.\n\n * nesw-resize: Indicates a bidirectional north-east/south-west cursor.\n\n * no-drop: Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it.\n\n * none: No cursor is rendered for the element.\n\n * not-allowed: Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it.\n\n * n-resize: Indicates that north edge is to be moved.\n\n * ns-resize: Indicates a bidirectional north-south cursor.\n\n * nw-resize: Indicates that movement starts from north-west corner.\n\n * nwse-resize: Indicates a bidirectional north-west/south-east cursor.\n\n * pointer: The cursor is a pointer that indicates a link.\n\n * progress: A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass.\n\n * row-resize: Indicates that the item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them.\n\n * se-resize: Indicates that movement starts from south-east corner.\n\n * s-resize: Indicates that south edge is to be moved.\n\n * sw-resize: Indicates that movement starts from south-west corner.\n\n * text: Indicates text that may be selected. Often rendered as a vertical I-beam.\n\n * vertical-text: Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam.\n\n * wait: Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass.\n\n * -webkit-grab: Indicates that something can be grabbed.\n\n * -webkit-grabbing: Indicates that something is being grabbed.\n\n * -webkit-zoom-in: Indicates that something can be zoomed (magnified) in.\n\n * -webkit-zoom-out: Indicates that something can be zoomed (magnified) out.\n\n * w-resize: Indicates that west edge is to be moved.\n\n * zoom-in: Indicates that something can be zoomed (magnified) in.\n\n * zoom-out: Indicates that something can be zoomed (magnified) out.\n * ```\n * @param value -\n */\n cursor(value: CSSProps['cursor']) {\n this.set('cursor', value)\n return this\n }\n\n /**\n * Specifies the inline base direction or directionality of any bidi paragraph, embedding, isolate, or override established by the box. Note: for HTML content use the 'dir' attribute and 'bdo' element rather than this property..\n * \n * syntax: `div { direction: rtl; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#direction\n *\n * values:\n * ```md\n * ltr: Left-to-right direction.\n\n * rtl: Right-to-left direction.\n * ```\n * @param value -\n */\n direction(value: CSSProps['direction']) {\n this.set('direction', value)\n return this\n }\n\n /**\n * In combination with 'float' and 'position', determines the type of box or boxes that are generated for an element..\n * \n * syntax: `p { display: inline; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-display-3/#propdef-display\n *\n * values:\n * ```md\n * block: The element generates a block-level box\n\n * contents: The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal.\n\n * flex: The element generates a principal flex container box and establishes a flex formatting context.\n\n * flexbox: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * flow: The element lays out its contents using flow layout (block-and-inline layout).\n\n * flow-root: The element generates a block container box, and lays out its contents using flow layout.\n\n * grid: The element generates a principal grid container box, and establishes a grid formatting context.\n\n * inline: The element generates an inline-level box.\n\n * inline-block: A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box.\n\n * inline-flex: Inline-level flex container.\n\n * inline-flexbox: Inline-level flex container. Standardized as 'inline-flex'\n\n * inline-grid: Inline-level grid container.\n\n * inline-table: Inline-level table wrapper box containing table box.\n\n * list-item: One or more block boxes and one marker box.\n\n * -moz-box: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * -moz-deck: undefined\n\n * -moz-grid: undefined\n\n * -moz-grid-group: undefined\n\n * -moz-grid-line: undefined\n\n * -moz-groupbox: undefined\n\n * -moz-inline-box: Inline-level flex container. Standardized as 'inline-flex'\n\n * -moz-inline-grid: undefined\n\n * -moz-inline-stack: undefined\n\n * -moz-marker: undefined\n\n * -moz-popup: undefined\n\n * -moz-stack: undefined\n\n * -ms-flexbox: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * -ms-grid: The element generates a principal grid container box, and establishes a grid formatting context.\n\n * -ms-inline-flexbox: Inline-level flex container. Standardized as 'inline-flex'\n\n * -ms-inline-grid: Inline-level grid container.\n\n * none: The element and its descendants generates no boxes.\n\n * ruby: The element generates a principal ruby container box, and establishes a ruby formatting context.\n\n * ruby-base: undefined\n\n * ruby-base-container: undefined\n\n * ruby-base-group: undefined\n\n * ruby-text: undefined\n\n * ruby-text-container: undefined\n\n * ruby-text-group: undefined\n\n * run-in: The element generates a run-in box. Run-in elements act like inlines or blocks, depending on the surrounding elements.\n\n * table: The element generates a principal table wrapper box containing an additionally-generated table box, and establishes a table formatting context.\n\n * table-caption: undefined\n\n * table-cell: undefined\n\n * table-column: undefined\n\n * table-column-group: undefined\n\n * table-footer-group: undefined\n\n * table-header-group: undefined\n\n * table-row: undefined\n\n * table-row-group: undefined\n\n * -webkit-box: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * -webkit-flex: The element lays out its contents using flow layout (block-and-inline layout).\n\n * -webkit-inline-box: Inline-level flex container. Standardized as 'inline-flex'\n\n * -webkit-inline-flex: Inline-level flex container.\n * ```\n * @param value -\n */\n display(value: CSSProps['display']) {\n this.set('display', value)\n return this\n }\n\n /**\n * In the separated borders model, this property controls the rendering of borders and backgrounds around cells that have no visible content..\n * \n * syntax: `table { empty-cells: hide; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF1,IE7,O4,S1.2\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#empty-cells\n *\n * values:\n * ```md\n * hide: No borders or backgrounds are drawn around/behind empty cells.\n\n * -moz-show-background: undefined\n\n * show: Borders and backgrounds are drawn around/behind empty cells (like normal cells).\n * ```\n * @param value -\n */\n emptyCells(value: CSSProps['emptyCells']) {\n this.set('empty-cells', value)\n return this\n }\n\n /**\n * Deprecated. Use 'isolation' property instead when support allows. Specifies how the accumulation of the background image is managed..\n * \n * syntax: ` `\n * \n * restriction: integer, length, percentage, enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/filter-effects/#AccessBackgroundImage\n *\n * values:\n * ```md\n * accumulate: If the ancestor container element has a property of new, then all graphics elements within the current container are rendered both on the parent's background image and onto the target.\n\n * new: Create a new background image canvas. All children of the current container element can access the background, and they will be rendered onto both the parent's background image canvas in addition to the target device.\n * ```\n * @param value -\n */\n enableBackground(value: CSSProps['enableBackground']) {\n this.set('enable-background', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a fallback counter style to be used when the current counter style can't create a representation for a given counter value..\n *\n * syntax: `@counter-style { fallback: upper-alpha; }`\n *\n * restriction: identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-fallback\n *\n * @param value -\n */\n fallback(value: CSSProps['fallback']) {\n this.set('fallback', value)\n return this\n }\n\n /**\n * Paints the interior of the given graphical element..\n * \n * syntax: ` `\n * \n * restriction: color, enum, url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#FillProperty\n *\n * values:\n * ```md\n * child: A reference to the last child paint server element of the element being painted.\n\n * child(): A reference to the nth child paint server element of the element being painted.\n\n * context-fill: The computed value of the 'fill' property of the context element of the element being painted.\n\n * context-stroke: The computed value of the 'stroke' property of the context element of the element being painted.\n\n * url(): A URL reference to a paint server element, which is an element that defines a paint server: 'hatch', 'linearGradient', 'mesh', 'pattern', 'radialGradient' and 'solidcolor'.\n\n * none: No paint is applied in this layer.\n * ```\n * @param value -\n */\n fill(value: CSSProps['fill']) {\n this.set('fill', value)\n return this\n }\n\n /**\n * Specifies the opacity of the painting operation used to paint the interior the current object..\n *\n * syntax: ` `\n *\n * restriction: number(0-1)\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#FillOpacity\n *\n * @param value -\n */\n fillOpacity(value: CSSProps['fillOpacity']) {\n this.set('fill-opacity', value)\n return this\n }\n\n /**\n * Indicates the algorithm (or winding rule) which is to be used to determine what parts of the canvas are included inside the shape..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#WindingRule\n *\n * values:\n * ```md\n * evenodd: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.\n\n * nonzero: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray.\n * ```\n * @param value -\n */\n fillRule(value: CSSProps['fillRule']) {\n this.set('fill-rule', value)\n return this\n }\n\n /**\n * Processes an element's rendering before it is displayed in the document, by applying one or more filter effects..\n * \n * syntax: `div { filter: opacity(50%); }`\n * \n * restriction: enum, url\n * \n * browsers: E13,FF35\n * \n * ref: http://www.w3.org/TR/filter-effects/#propdef-filter\n *\n * values:\n * ```md\n * none: No filter effects are applied.\n\n * blur(): Applies a Gaussian blur to the input image.\n\n * brightness(): Applies a linear multiplier to input image, making it appear more or less bright.\n\n * contrast(): Adjusts the contrast of the input.\n\n * drop-shadow(): Applies a drop shadow effect to the input image.\n\n * grayscale(): Converts the input image to grayscale.\n\n * hue-rotate(): Applies a hue rotation on the input image. \n\n * invert(): Inverts the samples in the input image.\n\n * opacity(): Applies transparency to the samples in the input image.\n\n * saturate(): Saturates the input image.\n\n * sepia(): Converts the input image to sepia.\n\n * url(): A filter reference to a <filter> element.\n * ```\n * @param value -\n */\n filter(value: CSSProps['filter']) {\n this.set('filter', value)\n return this\n }\n\n /**\n * Specifies the components of a flexible length: the flex grow factor and flex shrink factor, and the flex basis..\n * \n * syntax: `p { flex: 0 1 auto; }`\n * \n * restriction: length, number, percentage\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex\n *\n * values:\n * ```md\n * auto: Retrieves the value of the main size property as the used 'flex-basis'.\n\n * content: Indicates automatic sizing, based on the flex item's content.\n\n * none: Expands to '0 0 auto'.\n * ```\n * @param value -\n */\n flex(value: CSSProps['flex']) {\n this.set('flex', value)\n return this\n }\n\n /**\n * Sets the flex basis..\n * \n * syntax: `p { flex-basis: 30%; }`\n * \n * restriction: length, number, percentage\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-basis-propdef\n *\n * values:\n * ```md\n * auto: Retrieves the value of the main size property as the used 'flex-basis'.\n\n * content: Indicates automatic sizing, based on the flex item's content.\n * ```\n * @param value -\n */\n flexBasis(value: CSSProps['flexBasis']) {\n this.set('flex-basis', value)\n return this\n }\n\n /**\n * Specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis..\n * \n * syntax: `div { flex-direction: column; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-direction\n *\n * values:\n * ```md\n * column: The flex container's main axis has the same orientation as the block axis of the current writing mode.\n\n * column-reverse: Same as 'column', except the main-start and main-end directions are swapped.\n\n * row: The flex container's main axis has the same orientation as the inline axis of the current writing mode.\n\n * row-reverse: Same as 'row', except the main-start and main-end directions are swapped.\n * ```\n * @param value -\n */\n flexDirection(value: CSSProps['flexDirection']) {\n this.set('flex-direction', value)\n return this\n }\n\n /**\n * Specifies how flexbox items are placed in the flexbox..\n * \n * syntax: `div { flex-flow: column wrap; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF28,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-flow\n *\n * values:\n * ```md\n * column: The flex container's main axis has the same orientation as the block axis of the current writing mode.\n\n * column-reverse: Same as 'column', except the main-start and main-end directions are swapped.\n\n * nowrap: The flex container is single-line.\n\n * row: The flex container's main axis has the same orientation as the inline axis of the current writing mode.\n\n * row-reverse: Same as 'row', except the main-start and main-end directions are swapped.\n\n * wrap: The flexbox is multi-line.\n\n * wrap-reverse: Same as 'wrap', except the cross-start and cross-end directions are swapped.\n * ```\n * @param value -\n */\n flexFlow(value: CSSProps['flexFlow']) {\n this.set('flex-flow', value)\n return this\n }\n\n /**\n * Sets the flex grow factor. Negative numbers are invalid..\n *\n * syntax: `p { flex-grow: 4; }`\n *\n * restriction: number\n *\n * browsers: E,C29,FF22,IE11,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-flexbox/#flex-grow\n *\n * @param value -\n */\n flexGrow(value: CSSProps['flexGrow']) {\n this.set('flex-grow', value)\n return this\n }\n\n /**\n * Sets the flex shrink factor. Negative numbers are invalid..\n *\n * syntax: `p { flex-shrink: 4; }`\n *\n * restriction: number\n *\n * browsers: E,C29,FF22,IE11,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-flexbox/#flex-shrink\n *\n * @param value -\n */\n flexShrink(value: CSSProps['flexShrink']) {\n this.set('flex-shrink', value)\n return this\n }\n\n /**\n * Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in..\n * \n * syntax: `div { flex-wrap: nowrap; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF28,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-wrap\n *\n * values:\n * ```md\n * nowrap: The flex container is single-line.\n\n * wrap: The flexbox is multi-line.\n\n * wrap-reverse: Same as 'wrap', except the cross-start and cross-end directions are swapped.\n * ```\n * @param value -\n */\n flexWrap(value: CSSProps['flexWrap']) {\n this.set('flex-wrap', value)\n return this\n }\n\n /**\n * Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned..\n * \n * syntax: `img { float: right; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/CSS21/visuren.html#propdef-float\n *\n * values:\n * ```md\n * inline-end: A keyword indicating that the element must float on the end side of its containing block. That is the right side with ltr scripts, and the left side with rtl scripts.\n\n * inline-start: A keyword indicating that the element must float on the start side of its containing block. That is the left side with ltr scripts, and the right side with rtl scripts.\n\n * left: The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property).\n\n * none: The box is not floated.\n\n * right: Similar to 'left', except the box is floated to the right, and content flows on the left side of the box, starting at the top.\n * ```\n * @param value -\n */\n float(value: CSSProps['float']) {\n this.set('float', value)\n return this\n }\n\n /**\n * Indicates what color to use to flood the current filter primitive subregion..\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: E,C5,FF3,IE10,O9,S6\n *\n * ref: http://www.w3.org/TR/filter-effects/#FloodColorProperty\n *\n * @param value -\n */\n floodColor(value: CSSProps['floodColor']) {\n this.set('flood-color', value)\n return this\n }\n\n /**\n * Indicates what opacity to use to flood the current filter primitive subregion..\n *\n * syntax: ` `\n *\n * restriction: number(0-1), percentage\n *\n * browsers: E,C5,FF3,IE10,O9,S6\n *\n * ref: http://www.w3.org/TR/filter-effects/#FloodOpacityProperty\n *\n * @param value -\n */\n floodOpacity(value: CSSProps['floodOpacity']) {\n this.set('flood-opacity', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family', at the same place in the style sheet. The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts..\n * \n * syntax: `body { font: bold 12px arial, verdana; }`\n * \n * restriction: font\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font\n *\n * values:\n * ```md\n * 100: Thin\n\n * 200: Extra Light (Ultra Light)\n\n * 300: Light\n\n * 400: Normal\n\n * 500: Medium\n\n * 600: Semi Bold (Demi Bold)\n\n * 700: Bold\n\n * 800: Extra Bold (Ultra Bold)\n\n * 900: Black (Heavy)\n\n * bold: Same as 700\n\n * bolder: Specifies the weight of the face bolder than the inherited value.\n\n * caption: The font used for captioned controls (e.g., buttons, drop-downs, etc.).\n\n * icon: The font used to label icons.\n\n * italic: Selects a font that is labeled 'italic', or, if that is not available, one labeled 'oblique'.\n\n * large: undefined\n\n * larger: undefined\n\n * lighter: Specifies the weight of the face lighter than the inherited value.\n\n * medium: undefined\n\n * menu: The font used in menus (e.g., dropdown menus and menu lists).\n\n * message-box: The font used in dialog boxes.\n\n * normal: Specifies a face that is not labeled as a small-caps font.\n\n * oblique: Selects a font that is labeled 'oblique'.\n\n * small: undefined\n\n * small-caps: Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font.\n\n * small-caption: The font used for labeling small controls.\n\n * smaller: undefined\n\n * status-bar: The font used in window status bars.\n\n * x-large: undefined\n\n * x-small: undefined\n\n * xx-large: undefined\n\n * xx-small: undefined\n * ```\n * @param value -\n */\n font(value: CSSProps['font']) {\n this.set('font', value)\n return this\n }\n\n /**\n * Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered..\n * \n * syntax: `body { font-family: arial, verdana; }`\n * \n * restriction: font\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-family0\n *\n * values:\n * ```md\n * system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif: undefined\n\n * Arial, Helvetica, sans-serif: undefined\n\n * Cambria, Cochin, Georgia, Times, 'Times New Roman', serif: undefined\n\n * 'Courier New', Courier, monospace: undefined\n\n * cursive: undefined\n\n * fantasy: undefined\n\n * 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif: undefined\n\n * Georgia, 'Times New Roman', Times, serif: undefined\n\n * 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif: undefined\n\n * Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif: undefined\n\n * 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif: undefined\n\n * monospace: undefined\n\n * sans-serif: undefined\n\n * 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif: undefined\n\n * serif: undefined\n\n * 'Times New Roman', Times, serif: undefined\n\n * 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif: undefined\n\n * Verdana, Geneva, Tahoma, sans-serif: undefined\n * ```\n * @param value -\n */\n fontFamily(value: CSSProps['fontFamily']) {\n this.set('font-family', value)\n return this\n }\n\n /**\n * Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case..\n * \n * syntax: `body { font-feature-settings: 'hwid'; }`\n * \n * restriction: string, integer\n * \n * browsers: E,FF34,IE10\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings\n *\n * values:\n * ```md\n * aalt: Access All Alternates.\n\n * abvf: Above-base Forms. Required in Khmer script.\n\n * abvm: Above-base Mark Positioning. Required in Indic scripts.\n\n * abvs: Above-base Substitutions. Required in Indic scripts.\n\n * afrc: Alternative Fractions.\n\n * akhn: Akhand. Required in most Indic scripts.\n\n * blwf: Below-base Form. Required in a number of Indic scripts.\n\n * blwm: Below-base Mark Positioning. Required in Indic scripts.\n\n * blws: Below-base Substitutions. Required in Indic scripts.\n\n * calt: Contextual Alternates.\n\n * case: Case-Sensitive Forms. Applies only to European scripts; particularly prominent in Spanish-language setting.\n\n * ccmp: Glyph Composition/Decomposition.\n\n * cfar: Conjunct Form After Ro. Required in Khmer scripts.\n\n * cjct: Conjunct Forms. Required in Indic scripts that show similarity to Devanagari.\n\n * clig: Contextual Ligatures.\n\n * cpct: Centered CJK Punctuation. Used primarily in Chinese fonts.\n\n * cpsp: Capital Spacing. Should not be used in connecting scripts (e.g. most Arabic).\n\n * cswh: Contextual Swash.\n\n * curs: Cursive Positioning. Can be used in any cursive script.\n\n * c2pc: Petite Capitals From Capitals. Applies only to bicameral scripts.\n\n * c2sc: Small Capitals From Capitals. Applies only to bicameral scripts.\n\n * dist: Distances. Required in Indic scripts.\n\n * dlig: Discretionary ligatures.\n\n * dnom: Denominators.\n\n * dtls: Dotless Forms. Applied to math formula layout.\n\n * expt: Expert Forms. Applies only to Japanese.\n\n * falt: Final Glyph on Line Alternates. Can be used in any cursive script.\n\n * fin2: Terminal Form #2. Used only with the Syriac script.\n\n * fin3: Terminal Form #3. Used only with the Syriac script.\n\n * fina: Terminal Forms. Can be used in any alphabetic script.\n\n * flac: Flattened ascent forms. Applied to math formula layout.\n\n * frac: Fractions.\n\n * fwid: Full Widths. Applies to any script which can use monospaced forms.\n\n * half: Half Forms. Required in Indic scripts that show similarity to Devanagari.\n\n * haln: Halant Forms. Required in Indic scripts.\n\n * halt: Alternate Half Widths. Used only in CJKV fonts.\n\n * hist: Historical Forms.\n\n * hkna: Horizontal Kana Alternates. Applies only to fonts that support kana (hiragana and katakana).\n\n * hlig: Historical Ligatures.\n\n * hngl: Hangul. Korean only.\n\n * hojo: Hojo Kanji Forms (JIS X 0212-1990 Kanji Forms). Used only with Kanji script.\n\n * hwid: Half Widths. Generally used only in CJKV fonts.\n\n * init: Initial Forms. Can be used in any alphabetic script.\n\n * isol: Isolated Forms. Can be used in any cursive script.\n\n * ital: Italics. Applies mostly to Latin; note that many non-Latin fonts contain Latin as well.\n\n * jalt: Justification Alternates. Can be used in any cursive script.\n\n * jp78: JIS78 Forms. Applies only to Japanese.\n\n * jp83: JIS83 Forms. Applies only to Japanese.\n\n * jp90: JIS90 Forms. Applies only to Japanese.\n\n * jp04: JIS2004 Forms. Applies only to Japanese.\n\n * kern: Kerning.\n\n * lfbd: Left Bounds.\n\n * liga: Standard Ligatures.\n\n * ljmo: Leading Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported.\n\n * lnum: Lining Figures.\n\n * locl: Localized Forms.\n\n * ltra: Left-to-right glyph alternates.\n\n * ltrm: Left-to-right mirrored forms.\n\n * mark: Mark Positioning.\n\n * med2: Medial Form #2. Used only with the Syriac script.\n\n * medi: Medial Forms.\n\n * mgrk: Mathematical Greek.\n\n * mkmk: Mark to Mark Positioning.\n\n * nalt: Alternate Annotation Forms.\n\n * nlck: NLC Kanji Forms. Used only with Kanji script.\n\n * nukt: Nukta Forms. Required in Indic scripts..\n\n * numr: Numerators.\n\n * onum: Oldstyle Figures.\n\n * opbd: Optical Bounds.\n\n * ordn: Ordinals. Applies mostly to Latin script.\n\n * ornm: Ornaments.\n\n * palt: Proportional Alternate Widths. Used mostly in CJKV fonts.\n\n * pcap: Petite Capitals.\n\n * pkna: Proportional Kana. Generally used only in Japanese fonts.\n\n * pnum: Proportional Figures.\n\n * pref: Pre-base Forms. Required in Khmer and Myanmar (Burmese) scripts and southern Indic scripts that may display a pre-base form of Ra.\n\n * pres: Pre-base Substitutions. Required in Indic scripts.\n\n * pstf: Post-base Forms. Required in scripts of south and southeast Asia that have post-base forms for consonants eg: Gurmukhi, Malayalam, Khmer.\n\n * psts: Post-base Substitutions.\n\n * pwid: Proportional Widths.\n\n * qwid: Quarter Widths. Generally used only in CJKV fonts.\n\n * rand: Randomize.\n\n * rclt: Required Contextual Alternates. May apply to any script, but is especially important for many styles of Arabic.\n\n * rlig: Required Ligatures. Applies to Arabic and Syriac. May apply to some other scripts.\n\n * rkrf: Rakar Forms. Required in Devanagari and Gujarati scripts.\n\n * rphf: Reph Form. Required in Indic scripts. E.g. Devanagari, Kannada.\n\n * rtbd: Right Bounds.\n\n * rtla: Right-to-left alternates.\n\n * rtlm: Right-to-left mirrored forms.\n\n * ruby: Ruby Notation Forms. Applies only to Japanese.\n\n * salt: Stylistic Alternates.\n\n * sinf: Scientific Inferiors.\n\n * size: Optical size.\n\n * smcp: Small Capitals. Applies only to bicameral scripts.\n\n * smpl: Simplified Forms. Applies only to Chinese and Japanese.\n\n * ssty: Math script style alternates.\n\n * stch: Stretching Glyph Decomposition.\n\n * subs: Subscript.\n\n * sups: Superscript.\n\n * swsh: Swash. Does not apply to ideographic scripts.\n\n * titl: Titling.\n\n * tjmo: Trailing Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported.\n\n * tnam: Traditional Name Forms. Applies only to Japanese.\n\n * tnum: Tabular Figures.\n\n * trad: Traditional Forms. Applies only to Chinese and Japanese.\n\n * twid: Third Widths. Generally used only in CJKV fonts.\n\n * unic: Unicase.\n\n * valt: Alternate Vertical Metrics. Applies only to scripts with vertical writing modes.\n\n * vatu: Vattu Variants. Used for Indic scripts. E.g. Devanagari.\n\n * vert: Vertical Alternates. Applies only to scripts with vertical writing modes.\n\n * vhal: Alternate Vertical Half Metrics. Used only in CJKV fonts.\n\n * vjmo: Vowel Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported.\n\n * vkna: Vertical Kana Alternates. Applies only to fonts that support kana (hiragana and katakana).\n\n * vkrn: Vertical Kerning.\n\n * vpal: Proportional Alternate Vertical Metrics. Used mostly in CJKV fonts.\n\n * vrt2: Vertical Alternates and Rotation. Applies only to scripts with vertical writing modes.\n\n * zero: Slashed Zero.\n\n * normal: No change in glyph substitution or positioning occurs.\n\n * off: Disable feature.\n\n * on: Enable feature.\n * ```\n * @param value -\n */\n fontFeatureSettings(value: CSSProps['fontFeatureSettings']) {\n this.set('font-feature-settings', value)\n return this\n }\n\n /**\n * Kerning is the contextual adjustment of inter-glyph spacing. This property controls metric kerning, kerning that utilizes adjustment data contained in the font..\n * \n * syntax: `body { font-kerning: normal; }`\n * \n * restriction: enum\n * \n * browsers: C33,FF34,O20\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-kerning\n *\n * values:\n * ```md\n * auto: Specifies that kerning is applied at the discretion of the user agent.\n\n * none: Specifies that kerning is not applied.\n\n * normal: Specifies that kerning is applied.\n * ```\n * @param value -\n */\n fontKerning(value: CSSProps['fontKerning']) {\n this.set('font-kerning', value)\n return this\n }\n\n /**\n * The value of 'normal' implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering..\n *\n * syntax: `body { font-language-override: 'SRB'; }`\n *\n * restriction: string\n *\n * browsers: FF34\n *\n * ref: http://www.w3.org/TR/css3-fonts/#font-language-override-prop\n *\n * @param value -\n */\n fontLanguageOverride(value: CSSProps['fontLanguageOverride']) {\n this.set('font-language-override', value)\n return this\n }\n\n /**\n * Indicates the desired height of glyphs from the font. For scalable fonts, the font-size is a scale factor applied to the EM unit of the font. (Note that certain glyphs may bleed outside their EM box.) For non-scalable fonts, the font-size is converted into absolute units and matched against the declared font-size of the font, using the same absolute coordinate space for both of the matched values..\n * \n * syntax: `div { font-size: 12px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-size-prop\n *\n * values:\n * ```md\n * large: undefined\n\n * larger: undefined\n\n * medium: undefined\n\n * small: undefined\n\n * smaller: undefined\n\n * x-large: undefined\n\n * x-small: undefined\n\n * xx-large: undefined\n\n * xx-small: undefined\n * ```\n * @param value -\n */\n fontSize(value: CSSProps['fontSize']) {\n this.set('font-size', value)\n return this\n }\n\n /**\n * Preserves the readability of text when font fallback occurs by adjusting the font-size so that the x-height is the same regardless of the font used..\n *\n * syntax: `div { font-size-adjust: 0.58; }`\n *\n * restriction: number\n *\n * browsers: E,FF3,IE10\n *\n * ref: http://www.w3.org/TR/css3-fonts/#font-size-adjust\n *\n * @param value -\n */\n fontSizeAdjust(value: CSSProps['fontSizeAdjust']) {\n this.set('font-size-adjust', value)\n return this\n }\n\n /**\n * Selects a normal, condensed, or expanded face from a font family..\n * \n * syntax: `div { font-stretch: expanded; }`\n * \n * restriction: enum\n * \n * browsers: E,FF9,IE9\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-stretch0\n *\n * values:\n * ```md\n * condensed: undefined\n\n * expanded: undefined\n\n * extra-condensed: undefined\n\n * extra-expanded: undefined\n\n * narrower: Indicates a narrower value relative to the width of the parent element.\n\n * normal: undefined\n\n * semi-condensed: undefined\n\n * semi-expanded: undefined\n\n * ultra-condensed: undefined\n\n * ultra-expanded: undefined\n\n * wider: Indicates a wider value relative to the width of the parent element.\n * ```\n * @param value -\n */\n fontStretch(value: CSSProps['fontStretch']) {\n this.set('font-stretch', value)\n return this\n }\n\n /**\n * Allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face..\n * \n * syntax: `body { font-style: italic; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-style0\n *\n * values:\n * ```md\n * italic: Selects a font that is labeled as an 'italic' face, or an 'oblique' face if one is not\n\n * normal: Selects a face that is classified as 'normal'.\n\n * oblique: Selects a font that is labeled as an 'oblique' face, or an 'italic' face if one is not.\n * ```\n * @param value -\n */\n fontStyle(value: CSSProps['fontStyle']) {\n this.set('font-style', value)\n return this\n }\n\n /**\n * Controls whether user agents are allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces..\n * \n * syntax: `html:lang(ar) { font-synthesis: none; }`\n * \n * restriction: enum\n * \n * browsers: FF34,S9\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-synthesis\n *\n * values:\n * ```md\n * none: Disallow all synthetic faces.\n\n * style: Allow synthetic italic faces.\n\n * weight: Allow synthetic bold faces.\n * ```\n * @param value -\n */\n fontSynthesis(value: CSSProps['fontSynthesis']) {\n this.set('font-synthesis', value)\n return this\n }\n\n /**\n * Specifies variant representations of the font.\n * \n * syntax: `div { font-variant: small-caps; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-prop\n *\n * values:\n * ```md\n * normal: Specifies a face that is not labeled as a small-caps font.\n\n * small-caps: Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font.\n * ```\n * @param value -\n */\n fontVariant(value: CSSProps['fontVariant']) {\n this.set('font-variant', value)\n return this\n }\n\n /**\n * For any given character, fonts can provide a variety of alternate glyphs in addition to the default glyph for that character. This property provides control over the selection of these alternate glyphs..\n * \n * syntax: `h2 { font-variant-alternates: styleset(3,5); }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-variant-alternates\n *\n * values:\n * ```md\n * annotation(): Enables display of alternate annotation forms.\n\n * character-variant(): Enables display of specific character variants.\n\n * historical-forms: Enables display of historical forms.\n\n * normal: None of the features are enabled.\n\n * ornaments(): Enables replacement of default glyphs with ornaments, if provided in the font.\n\n * styleset(): Enables display with stylistic sets.\n\n * stylistic(): Enables display of stylistic alternates.\n\n * swash(): Enables display of swash glyphs.\n * ```\n * @param value -\n */\n fontVariantAlternates(value: CSSProps['fontVariantAlternates']) {\n this.set('font-variant-alternates', value)\n return this\n }\n\n /**\n * Specifies control over capitalized forms..\n * \n * syntax: `p { font-variant-caps: titling-caps; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-caps-prop\n *\n * values:\n * ```md\n * all-petite-caps: Enables display of petite capitals for both upper and lowercase letters.\n\n * all-small-caps: Enables display of small capitals for both upper and lowercase letters.\n\n * normal: None of the features are enabled.\n\n * petite-caps: Enables display of petite capitals.\n\n * small-caps: Enables display of small capitals. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.\n\n * titling-caps: Enables display of titling capitals.\n\n * unicase: Enables display of mixture of small capitals for uppercase letters with normal lowercase letters.\n * ```\n * @param value -\n */\n fontVariantCaps(value: CSSProps['fontVariantCaps']) {\n this.set('font-variant-caps', value)\n return this\n }\n\n /**\n * Allows control of glyph substitute and positioning in East Asian text..\n * \n * syntax: `mark { font-variant-east-asian: normal; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-east-asian-prop\n *\n * values:\n * ```md\n * full-width: Enables rendering of full-width variants.\n\n * jis04: Enables rendering of JIS04 forms.\n\n * jis78: Enables rendering of JIS78 forms.\n\n * jis83: Enables rendering of JIS83 forms.\n\n * jis90: Enables rendering of JIS90 forms.\n\n * normal: None of the features are enabled.\n\n * proportional-width: Enables rendering of proportionally-spaced variants.\n\n * ruby: Enables display of ruby variant glyphs.\n\n * simplified: Enables rendering of simplified forms.\n\n * traditional: Enables rendering of traditional forms.\n * ```\n * @param value -\n */\n fontVariantEastAsian(value: CSSProps['fontVariantEastAsian']) {\n this.set('font-variant-east-asian', value)\n return this\n }\n\n /**\n * Specifies control over which ligatures are enabled or disabled. A value of 'normal' implies that the defaults set by the font are used..\n * \n * syntax: `div { font-variant-ligatures: historical-ligatures; }`\n * \n * restriction: enum\n * \n * browsers: C18,FF34,O15,S6\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-ligatures-prop\n *\n * values:\n * ```md\n * additional-ligatures: Enables display of additional ligatures.\n\n * common-ligatures: Enables display of common ligatures.\n\n * contextual: Enables display of contextual alternates.\n\n * discretionary-ligatures: Enables display of discretionary ligatures.\n\n * historical-ligatures: Enables display of historical ligatures.\n\n * no-additional-ligatures: Disables display of additional ligatures.\n\n * no-common-ligatures: Disables display of common ligatures.\n\n * no-contextual: Disables display of contextual alternates.\n\n * no-discretionary-ligatures: Disables display of discretionary ligatures.\n\n * no-historical-ligatures: Disables display of historical ligatures.\n\n * none: Disables all ligatures.\n\n * normal: Implies that the defaults set by the font are used.\n * ```\n * @param value -\n */\n fontVariantLigatures(value: CSSProps['fontVariantLigatures']) {\n this.set('font-variant-ligatures', value)\n return this\n }\n\n /**\n * Specifies control over numerical forms..\n * \n * syntax: `.amount { font-variant-numeric: oldstyle-nums diagonal-fractions; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-numeric-prop\n *\n * values:\n * ```md\n * diagonal-fractions: Enables display of lining diagonal fractions.\n\n * lining-nums: Enables display of lining numerals.\n\n * normal: None of the features are enabled.\n\n * oldstyle-nums: Enables display of old-style numerals.\n\n * ordinal: Enables display of letter forms used with ordinal numbers.\n\n * proportional-nums: Enables display of proportional numerals.\n\n * slashed-zero: Enables display of slashed zeros.\n\n * stacked-fractions: Enables display of lining stacked fractions.\n\n * tabular-nums: Enables display of tabular numerals.\n * ```\n * @param value -\n */\n fontVariantNumeric(value: CSSProps['fontVariantNumeric']) {\n this.set('font-variant-numeric', value)\n return this\n }\n\n /**\n * Specifies the vertical position.\n * \n * syntax: `sub { font-variant-position: subscript; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-variant-position\n *\n * values:\n * ```md\n * normal: None of the features are enabled.\n\n * sub: Enables display of subscript variants (OpenType feature: subs).\n\n * super: Enables display of superscript variants (OpenType feature: sups).\n * ```\n * @param value -\n */\n fontVariantPosition(value: CSSProps['fontVariantPosition']) {\n this.set('font-variant-position', value)\n return this\n }\n\n /**\n * Specifies weight of glyphs in the font, their degree of blackness or stroke thickness..\n * \n * syntax: `th { font-weight: bold; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-weight-the-font-weight-property\n *\n * values:\n * ```md\n * 100: Thin\n\n * 200: Extra Light (Ultra Light)\n\n * 300: Light\n\n * 400: Normal\n\n * 500: Medium\n\n * 600: Semi Bold (Demi Bold)\n\n * 700: Bold\n\n * 800: Extra Bold (Ultra Bold)\n\n * 900: Black (Heavy)\n\n * bold: Same as 700\n\n * bolder: Specifies the weight of the face bolder than the inherited value.\n\n * lighter: Specifies the weight of the face lighter than the inherited value.\n\n * normal: Same as 400\n * ```\n * @param value -\n */\n fontWeight(value: CSSProps['fontWeight']) {\n this.set('font-weight', value)\n return this\n }\n\n /**\n * Controls glyph orientation when the inline-progression-direction is horizontal..\n *\n * syntax: ` `\n *\n * restriction: angle, number\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/text.html#GlyphOrientationHorizontal\n *\n * @param value -\n */\n glyphOrientationHorizontal(value: CSSProps['glyphOrientationHorizontal']) {\n this.set('glyph-orientation-horizontal', value)\n return this\n }\n\n /**\n * Controls glyph orientation when the inline-progression-direction is vertical..\n *\n * syntax: ` `\n *\n * restriction: angle, number, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/text.html#GlyphOrientationVertical\n *\n * @param value -\n */\n glyphOrientationVertical(value: CSSProps['glyphOrientationVertical']) {\n this.set('glyph-orientation-vertical', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. Shorthand for 'grid-row-start', 'grid-column-start', 'grid-row-end', and 'grid-column-end'..\n * \n * syntax: `div { grid-area: span 3; }`\n * \n * restriction: identifier, integer\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-area\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridArea(value: CSSProps['gridArea']) {\n this.set('grid-area', value)\n return this\n }\n\n /**\n * The grid CSS property is a shorthand property that sets all of the explicit grid properties ('grid-template-rows', 'grid-template-columns', and 'grid-template-areas'), and all the implicit grid properties ('grid-auto-rows', 'grid-auto-columns', and 'grid-auto-flow'), in a single declaration..\n *\n * syntax: `div { grid: span 3; }`\n *\n * restriction: identifier, length, percentage, string, enum\n *\n * browsers: FF52,C57,E16,S10.1,O44\n *\n * ref: https://drafts.csswg.org/css-grid/#propdef-grid\n *\n * @param value -\n */\n grid(value: CSSProps['grid']) {\n this.set('grid', value)\n return this\n }\n\n /**\n * Specifies the size of implicitly created columns..\n * \n * syntax: `div { grid-auto-columns: 100px; }`\n * \n * restriction: length, percentage\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-columns\n *\n * values:\n * ```md\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n * ```\n * @param value -\n */\n gridAutoColumns(value: CSSProps['gridAutoColumns']) {\n this.set('grid-auto-columns', value)\n return this\n }\n\n /**\n * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid..\n * \n * syntax: `div { grid-auto-flow: column; }`\n * \n * restriction: enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-flow\n *\n * values:\n * ```md\n * row: The auto-placement algorithm places items by filling each row in turn, adding new rows as necessary.\n\n * column: The auto-placement algorithm places items by filling each column in turn, adding new columns as necessary.\n\n * dense: If specified, the auto-placement algorithm uses a \"dense\" packing algorithm, which attempts to fill in holes earlier in the grid if smaller items come up later.\n * ```\n * @param value -\n */\n gridAutoFlow(value: CSSProps['gridAutoFlow']) {\n this.set('grid-auto-flow', value)\n return this\n }\n\n /**\n * Specifies the size of implicitly created rows..\n * \n * syntax: `div { grid-auto-rows: 100px; }`\n * \n * restriction: length, percentage\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-rows\n *\n * values:\n * ```md\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n * ```\n * @param value -\n */\n gridAutoRows(value: CSSProps['gridAutoRows']) {\n this.set('grid-auto-rows', value)\n return this\n }\n\n /**\n * Shorthand for 'grid-column-start' and 'grid-column-end'..\n * \n * syntax: `#item1 { grid-column: span 2 / auto; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridColumn(value: CSSProps['gridColumn']) {\n this.set('grid-column', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-column-end: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column-end\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridColumnEnd(value: CSSProps['gridColumnEnd']) {\n this.set('grid-column-end', value)\n return this\n }\n\n /**\n * Specifies the gutters between grid columns. Replaced by 'column-gap' property..\n *\n * syntax: `#item1 { grid-column-gap: 2em; }`\n *\n * restriction: length\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column-gap\n *\n * @param value -\n */\n gridColumnGap(value: CSSProps['gridColumnGap']) {\n this.set('grid-column-gap', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-column-start: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column-start\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridColumnStart(value: CSSProps['gridColumnStart']) {\n this.set('grid-column-start', value)\n return this\n }\n\n /**\n * Shorthand that specifies the gutters between grid columns and grid rows in one declaration. Replaced by 'gap' property..\n *\n * syntax: `#item1 { gap: 2em 1em; }`\n *\n * restriction: length\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-gap\n *\n * @param value -\n */\n gap(value: CSSProps['gap']) {\n this.set('gap', value)\n return this\n }\n\n /**\n * Shorthand for 'grid-row-start' and 'grid-row-end'..\n * \n * syntax: `#item1 { grid-row: span 2 / auto; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridRow(value: CSSProps['gridRow']) {\n this.set('grid-row', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-row-end: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row-end\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridRowEnd(value: CSSProps['gridRowEnd']) {\n this.set('grid-row-end', value)\n return this\n }\n\n /**\n * Specifies the gutters between grid rows. Replaced by 'row-gap' property..\n *\n * syntax: `#item1 { grid-row-gap: 2em; }`\n *\n * restriction: length\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row-gap\n *\n * @param value -\n */\n gridRowGap(value: CSSProps['gridRowGap']) {\n this.set('grid-row-gap', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-row-start: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row-start\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridRowStart(value: CSSProps['gridRowStart']) {\n this.set('grid-row-start', value)\n return this\n }\n\n /**\n * Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration..\n * \n * syntax: `#item1 { grid-template: auto 1fr auto / auto 1fr; }`\n * \n * restriction: identifier, length, percentage, string, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template\n *\n * values:\n * ```md\n * none: Sets all three properties to their initial values.\n\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * subgrid: Sets 'grid-template-rows' and 'grid-template-columns' to 'subgrid', and 'grid-template-areas' to its initial value.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n\n * repeat(): Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.\n * ```\n * @param value -\n */\n gridTemplate(value: CSSProps['gridTemplate']) {\n this.set('grid-template', value)\n return this\n }\n\n /**\n * Specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties..\n *\n * syntax: `#item1 { grid-template-areas: 'head head' 'nav main' 'foot foot'; }`\n *\n * restriction: string\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template-areas\n *\n * @param value -\n */\n gridTemplateAreas(value: CSSProps['gridTemplateAreas']) {\n this.set('grid-template-areas', value)\n return this\n }\n\n /**\n * specifies, as a space-separated track list, the line names and track sizing functions of the grid..\n * \n * syntax: `#item1 { grid-template-columns: 100px 1fr max-content minmax(min-content, 1fr); }`\n * \n * restriction: identifier, length, percentage, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template-columns\n *\n * values:\n * ```md\n * none: There is no explicit grid; any rows/columns will be implicitly generated.\n\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * subgrid: Indicates that the grid will align to its parent grid in that axis.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n\n * repeat(): Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.\n * ```\n * @param value -\n */\n gridTemplateColumns(value: CSSProps['gridTemplateColumns']) {\n this.set('grid-template-columns', value)\n return this\n }\n\n /**\n * specifies, as a space-separated track list, the line names and track sizing functions of the grid..\n * \n * syntax: `#item1 { grid-template-rows: 100px 1fr max-content minmax(min-content, 1fr); }`\n * \n * restriction: identifier, length, percentage, string, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template-rows\n *\n * values:\n * ```md\n * none: There is no explicit grid; any rows/columns will be implicitly generated.\n\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * subgrid: Indicates that the grid will align to its parent grid in that axis.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n\n * repeat(): Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.\n * ```\n * @param value -\n */\n gridTemplateRows(value: CSSProps['gridTemplateRows']) {\n this.set('grid-template-rows', value)\n return this\n }\n\n /**\n * Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes..\n * \n * syntax: `footer { height: 100px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#height\n *\n * values:\n * ```md\n * auto: The height depends on the values of other properties.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n height(value: CSSProps['height']) {\n this.set('height', value)\n return this\n }\n\n /**\n * Controls whether hyphenation is allowed to create more break opportunities within a line of text..\n * \n * syntax: `div { hyphens: manual; }`\n * \n * restriction: enum\n * \n * browsers: C55,FF43,O44\n * \n * ref: http://www.w3.org/TR/css-text-3/#hyphens-property\n *\n * values:\n * ```md\n * auto: Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.\n\n * manual: Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities\n\n * none: Words are not broken at line breaks, even if characters inside the word suggest line break points.\n * ```\n * @param value -\n */\n hyphens(value: CSSProps['hyphens']) {\n this.set('hyphens', value)\n return this\n }\n\n /**\n * Specifies an orthogonal rotation to be applied to an image before it is laid out..\n * \n * syntax: `img.ninety { image-orientation: 90deg; }`\n * \n * restriction: angle\n * \n * browsers: FF26\n * \n * ref: http://www.w3.org/TR/css4-images/#image-orientation\n *\n * values:\n * ```md\n * flip: After rotating by the precededing angle, the image is flipped horizontally. Defaults to 0deg if the angle is ommitted.\n\n * from-image: If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image.\n * ```\n * @param value -\n */\n imageOrientation(value: CSSProps['imageOrientation']) {\n this.set('image-orientation', value)\n return this\n }\n\n /**\n * Provides a hint to the user-agent about what aspects of an image are most important to preserve when the image is scaled, to aid the user-agent in the choice of an appropriate scaling algorithm..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C,FF3.6,O11.6,S\n * \n * ref: https://drafts.csswg.org/css-images-3/#the-image-rendering\n *\n * values:\n * ```md\n * auto: The image should be scaled with an algorithm that maximizes the appearance of the image.\n\n * crisp-edges: The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process.\n\n * -moz-crisp-edges: undefined\n\n * optimizeQuality: Deprecated.\n\n * optimizeSpeed: Deprecated.\n\n * pixelated: When scaling the image up, the 'nearest neighbor' or similar algorithm must be used, so that the image appears to be simply composed of very large pixels.\n * ```\n * @param value -\n */\n imageRendering(value: CSSProps['imageRendering']) {\n this.set('image-rendering', value)\n return this\n }\n\n /**\n * Controls the state of the input method editor for text fields..\n * \n * syntax: `body { ime-mode: active; }`\n * \n * restriction: enum\n * \n * browsers: E,FF3,IE5\n * \n * ref: http://www.w3.org/TR/css3-ui/#ime-mode\n *\n * values:\n * ```md\n * active: The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it.\n\n * auto: No change is made to the current input method editor state. This is the default.\n\n * disabled: The input method editor is disabled and may not be activated by the user.\n\n * inactive: The input method editor is initially inactive, but the user may activate it if they wish.\n\n * normal: The IME state should be normal; this value can be used in a user style sheet to override the page setting.\n * ```\n * @param value -\n */\n imeMode(value: CSSProps['imeMode']) {\n this.set('ime-mode', value)\n return this\n }\n\n /**\n * Size of an element in the direction specified by 'writing-mode'..\n *\n * syntax: `header { inline-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-inline-size\n *\n * @param value -\n */\n inlineSize(value: CSSProps['inlineSize']) {\n this.set('inline-size', value)\n return this\n }\n\n /**\n * In CSS setting to 'isolate' will turn the element into a stacking context. In SVG, it defines whether an element is isolated or not..\n * \n * syntax: `div { isolation: isolate; }`\n * \n * restriction: enum\n * \n * browsers: C,FF,O,S\n * \n * ref: http://www.w3.org/TR/compositing-1/#isolation\n *\n * values:\n * ```md\n * auto: Elements are not isolated unless an operation is applied that causes the creation of a stacking context.\n\n * isolate: In CSS will turn the element into a stacking context.\n * ```\n * @param value -\n */\n isolation(value: CSSProps['isolation']) {\n this.set('isolation', value)\n return this\n }\n\n /**\n * Aligns flex items along the main axis of the current line of the flex container..\n * \n * syntax: `p { justify-content: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-content\n *\n * values:\n * ```md\n * center: Flex items are packed toward the center of the line.\n\n * start: The items are packed flush to each other toward the start edge of the alignment container in the main axis.\n\n * end: The items are packed flush to each other toward the end edge of the alignment container in the main axis.\n\n * left: The items are packed flush to each other toward the left edge of the alignment container in the main axis.\n\n * right: The items are packed flush to each other toward the right edge of the alignment container in the main axis.\n\n * safe: If the size of the item overflows the alignment container, the item is instead aligned as if the alignment mode were start.\n\n * unsafe: Regardless of the relative sizes of the item and alignment container, the given alignment value is honored.\n\n * stretch: If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container.\n\n * space-evenly: The items are evenly distributed within the alignment container along the main axis.\n\n * flex-end: Flex items are packed toward the end of the line.\n\n * flex-start: Flex items are packed toward the start of the line.\n\n * space-around: Flex items are evenly distributed in the line, with half-size spaces on either end.\n\n * space-between: Flex items are evenly distributed in the line.\n\n * baseline: Specifies participation in first-baseline alignment.\n\n * first baseline: Specifies participation in first-baseline alignment.\n\n * last baseline: Specifies participation in last-baseline alignment.\n * ```\n * @param value -\n */\n justifyContent(value: CSSProps['justifyContent']) {\n this.set('justify-content', value)\n return this\n }\n\n /**\n * Indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font or instead disable auto-kerning and set inter-character spacing to a specific length..\n *\n * syntax: ` `\n *\n * restriction: length, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG11/text.html#KerningProperty\n *\n * @param value -\n */\n kerning(value: CSSProps['kerning']) {\n this.set('kerning', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's left margin edge is offset to the right of the left edge of the box's 'containing block'..\n *\n * syntax: `article { left: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-left\n *\n * @param value -\n */\n left(value: CSSProps['left']) {\n this.set('left', value)\n return this\n }\n\n /**\n * Specifies the minimum, maximum, and optimal spacing between grapheme clusters..\n *\n * syntax: `h2 { letter-spacing: 2px; }`\n *\n * restriction: length\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-text/#letter-spacing0\n *\n * @param value -\n */\n letterSpacing(value: CSSProps['letterSpacing']) {\n this.set('letter-spacing', value)\n return this\n }\n\n /**\n * Defines the color of the light source for filter primitives 'feDiffuseLighting' and 'feSpecularLighting'..\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: E,C5,FF3,IE10,O9,S6\n *\n * ref: http://www.w3.org/TR/filter-effects/#LightingColorProperty\n *\n * @param value -\n */\n lightingColor(value: CSSProps['lightingColor']) {\n this.set('lighting-color', value)\n return this\n }\n\n /**\n * Specifies what set of line breaking restrictions are in effect within the element..\n * \n * syntax: `p { line-break: normal; }`\n * \n * restriction: enum\n * \n * browsers: E,IE5.5,C58,O45,S\n * \n * ref: http://www.w3.org/TR/css3-text/#line-break0\n *\n * values:\n * ```md\n * auto: The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines.\n\n * loose: Breaks text using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers.\n\n * normal: Breaks text using the most common set of line-breaking rules.\n\n * strict: Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'.\n\n * anywhere: There is a soft wrap opportunity around every typographic character unit, including around any punctuation character or preserved white spaces, or in the middle of words, disregarding any prohibition against line breaks, even those introduced by characters with the GL, WJ, or ZWJ line breaking classes or mandated by the word-break property.\n * ```\n * @param value -\n */\n lineBreak(value: CSSProps['lineBreak']) {\n this.set('line-break', value)\n return this\n }\n\n /**\n * Determines the block-progression dimension of the text content area of an inline box..\n *\n * syntax: `#menu { line-height: 22px; }`\n *\n * restriction: number, length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-linebox/#line-height\n *\n * @param value -\n */\n lineHeight(value: CSSProps['lineHeight']) {\n this.set('line-height', value)\n return this\n }\n\n /**\n * Shorthand for setting 'list-style-type', 'list-style-position' and 'list-style-image'.\n * \n * syntax: `ul { list-style: square url('square.png');}`\n * \n * restriction: image, enum, url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-lists/#list-style\n *\n * values:\n * ```md\n * armenian: undefined\n\n * circle: A hollow circle.\n\n * decimal: undefined\n\n * decimal-leading-zero: undefined\n\n * disc: A filled circle.\n\n * georgian: undefined\n\n * hanging: As 'inside', except the marker is instead placed immediately before the first text or significant whitespace in the list item or its children\n\n * inside: The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below.\n\n * lower-alpha: undefined\n\n * lower-greek: undefined\n\n * lower-latin: undefined\n\n * lower-roman: undefined\n\n * none: undefined\n\n * outside: The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows.\n\n * square: A filled square.\n\n * symbols(): Allows a counter style to be defined inline.\n\n * upper-alpha: undefined\n\n * upper-latin: undefined\n\n * upper-roman: undefined\n\n * url(): undefined\n * ```\n * @param value -\n */\n listStyle(value: CSSProps['listStyle']) {\n this.set('list-style', value)\n return this\n }\n\n /**\n * Sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker..\n *\n * syntax: `<uri> | none`\n *\n * restriction: image\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-lists/#list-style-image\n *\n * @param value -\n */\n listStyleImage(value: CSSProps['listStyleImage']) {\n this.set('list-style-image', value)\n return this\n }\n\n /**\n * Specifies the position of the '::marker' pseudo-element's box in the list item..\n * \n * syntax: `ul { list-style-position: inside; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-lists/#list-style-position\n *\n * values:\n * ```md\n * inside: The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below.\n\n * outside: The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows.\n * ```\n * @param value -\n */\n listStylePosition(value: CSSProps['listStylePosition']) {\n this.set('list-style-position', value)\n return this\n }\n\n /**\n * Used to construct the default contents of a list item's marker.\n * \n * syntax: `<glyph> | <algorithmic> | <numeric> | <alphabetic> | <symbolic> | <non-repeating> | normal | none`\n * \n * restriction: enum, string\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-lists/#list-style-type\n *\n * values:\n * ```md\n * arabic-indic: Arabic-indic numbering.\n\n * armenian: Traditional uppercase Armenian numbering.\n\n * bengali: Bengali numbering.\n\n * cambodian: Cambodian/Khmer numbering.\n\n * circle: A hollow circle.\n\n * cjk-decimal: Han decimal numbers.\n\n * cjk-earthly-branch: Han \"Earthly Branch\" ordinals.\n\n * cjk-heavenly-stem: Han \"Heavenly Stem\" ordinals.\n\n * decimal: Western decimal numbers.\n\n * decimal-leading-zero: Decimal numbers padded by initial zeros.\n\n * devanagari: Devanagari numbering.\n\n * disc: A filled circle.\n\n * disclosure-closed: Symbols appropriate for indicating a closed disclosure widget.\n\n * disclosure-open: Symbols appropriate for indicating an open disclosure widget.\n\n * georgian: Traditional Georgian numbering.\n\n * gujarati: Gujarati numbering.\n\n * gurmukhi: Gurmukhi numbering.\n\n * hebrew: Traditional Hebrew numbering.\n\n * hiragana: Dictionary-order hiragana lettering\n\n * hiragana-iroha: Iroha-order hiragana lettering\n\n * kannada: Kannada numbering.\n\n * katakana: Dictionary-order katakana lettering\n\n * katakana-iroha: Iroha-order katakana lettering\n\n * khmer: Cambodian/Khmer numbering.\n\n * lao: Laotian numbering.\n\n * lower-alpha: Lowercase ASCII letters.\n\n * lower-armenian: Lowercase Armenian numbering.\n\n * lower-greek: Lowercase classical Greek.\n\n * lower-latin: Lowercase ASCII letters.\n\n * lower-roman: Lowercase ASCII Roman numerals.\n\n * malayalam: Malayalam numbering.\n\n * mongolian: Mongolian numbering.\n\n * myanmar: Myanmar (Burmese) numbering.\n\n * none: No marker\n\n * oriya: Oriya numbering.\n\n * persian: Persian numbering.\n\n * square: A filled square.\n\n * tamil: Tamil numbering.\n\n * telugu: Telugu numbering.\n\n * thai: Thai (Siamese) numbering.\n\n * tibetan: Tibetan numbering.\n\n * symbols(): Allows a counter style to be defined inline.\n\n * upper-alpha: Uppercase ASCII letters.\n\n * upper-armenian: Traditional uppercase Armenian numbering.\n\n * upper-latin: Uppercase ASCII letters.\n\n * upper-roman: Uppercase ASCII Roman numerals.\n * ```\n * @param value -\n */\n listStyleType(value: CSSProps['listStyleType']) {\n this.set('list-style-type', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..\n * \n * syntax: `div { margin: 4px 7px 2px 4px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * values:\n * ```md\n * auto: undefined\n\n * logical: Indicates that the values map to the logical properties instead of the physical ones.\n * ```\n * @param value -\n */\n margin(value: CSSProps['margin']) {\n this.set('margin', value)\n return this\n }\n\n /**\n * Logical 'margin-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-block-end: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginBlockEnd(value: CSSProps['marginBlockEnd']) {\n this.set('margin-block-end', value)\n return this\n }\n\n /**\n * Logical 'margin-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-block-start: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginBlockStart(value: CSSProps['marginBlockStart']) {\n this.set('margin-block-start', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-bottom: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginBottom(value: CSSProps['marginBottom']) {\n this.set('margin-bottom', value)\n return this\n }\n\n /**\n * Logical 'margin-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-inline-end: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginInlineEnd(value: CSSProps['marginInlineEnd']) {\n this.set('margin-inline-end', value)\n return this\n }\n\n /**\n * Logical 'margin-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-inline-start: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginInlineStart(value: CSSProps['marginInlineStart']) {\n this.set('margin-inline-start', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-left: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginLeft(value: CSSProps['marginLeft']) {\n this.set('margin-left', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-right: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginRight(value: CSSProps['marginRight']) {\n this.set('margin-right', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-top: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginTop(value: CSSProps['marginTop']) {\n this.set('margin-top', value)\n return this\n }\n\n /**\n * Specifies the marker symbol that shall be used for all points on the sets the value for all vertices on the given 'path' element or basic shape..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#MarkerProperty\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n marker(value: CSSProps['marker']) {\n this.set('marker', value)\n return this\n }\n\n /**\n * Specifies the marker that will be drawn at the last vertices of the given markable element..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n markerEnd(value: CSSProps['markerEnd']) {\n this.set('marker-end', value)\n return this\n }\n\n /**\n * Specifies the marker that will be drawn at all vertices except the first and last..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n markerMid(value: CSSProps['markerMid']) {\n this.set('marker-mid', value)\n return this\n }\n\n /**\n * Specifies the marker that will be drawn at the first vertices of the given markable element..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n markerStart(value: CSSProps['markerStart']) {\n this.set('marker-start', value)\n return this\n }\n\n /**\n * Sets the mask layer image of an element..\n * \n * syntax: ` `\n * \n * restriction: url, image, enum\n * \n * browsers: E,FF53\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-image\n *\n * values:\n * ```md\n * none: Counts as a transparent black image layer.\n\n * url(): Reference to a <mask element or to a CSS image.\n * ```\n * @param value -\n */\n maskImage(value: CSSProps['maskImage']) {\n this.set('mask-image', value)\n return this\n }\n\n /**\n * Indicates whether the mask layer image is treated as luminance mask or alpha mask..\n * \n * syntax: ` `\n * \n * restriction: url, image, enum\n * \n * browsers: FF53\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-mode\n *\n * values:\n * ```md\n * alpha: Alpha values of the mask layer image should be used as the mask values.\n\n * auto: Use alpha values if 'mask-image' is an image, luminance if a <mask> element or a CSS image.\n\n * luminance: Luminance values of the mask layer image should be used as the mask values.\n * ```\n * @param value -\n */\n maskMode(value: CSSProps['maskMode']) {\n this.set('mask-mode', value)\n return this\n }\n\n /**\n * Specifies the mask positioning area..\n *\n * syntax: ` `\n *\n * restriction: geometry-box, enum\n *\n * browsers: FF53\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-origin\n *\n * @param value -\n */\n maskOrigin(value: CSSProps['maskOrigin']) {\n this.set('mask-origin', value)\n return this\n }\n\n /**\n * Specifies how mask layer images are positioned..\n *\n * syntax: ` `\n *\n * restriction: position, length, percentage\n *\n * browsers: FF53\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-position\n *\n * @param value -\n */\n maskPosition(value: CSSProps['maskPosition']) {\n this.set('mask-position', value)\n return this\n }\n\n /**\n * Specifies how mask layer images are tiled after they have been sized and positioned..\n *\n * syntax: ` `\n *\n * restriction: repeat\n *\n * browsers: FF53\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-repeat\n *\n * @param value -\n */\n maskRepeat(value: CSSProps['maskRepeat']) {\n this.set('mask-repeat', value)\n return this\n }\n\n /**\n * Specifies the size of the mask layer images..\n * \n * syntax: ` `\n * \n * restriction: length, percentage, enum\n * \n * browsers: F53\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-size\n *\n * values:\n * ```md\n * auto: Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%.\n\n * contain: Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.\n\n * cover: Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.\n * ```\n * @param value -\n */\n maskSize(value: CSSProps['maskSize']) {\n this.set('mask-size', value)\n return this\n }\n\n /**\n * Defines whether the content of the <mask> element is treated as as luminance mask or alpha mask..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C24,FF35,O15,S7\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-type\n *\n * values:\n * ```md\n * alpha: Indicates that the alpha values of the mask should be used.\n\n * luminance: Indicates that the luminance values of the mask should be used.\n * ```\n * @param value -\n */\n maskType(value: CSSProps['maskType']) {\n this.set('mask-type', value)\n return this\n }\n\n /**\n * Maximum size of an element in the direction opposite that of the direction specified by 'writing-mode'..\n *\n * syntax: `header { max-block-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n maxBlockSize(value: CSSProps['maxBlockSize']) {\n this.set('max-block-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content height to a certain range..\n * \n * syntax: `footer { max-height: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#max-height\n *\n * values:\n * ```md\n * none: No limit on the height of the box.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n maxHeight(value: CSSProps['maxHeight']) {\n this.set('max-height', value)\n return this\n }\n\n /**\n * Maximum size of an element in the direction specified by 'writing-mode'..\n *\n * syntax: `header { max-inline-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n maxInlineSize(value: CSSProps['maxInlineSize']) {\n this.set('max-inline-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content width to a certain range..\n * \n * syntax: `footer { max-width: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#max-width\n *\n * values:\n * ```md\n * none: No limit on the width of the box.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n maxWidth(value: CSSProps['maxWidth']) {\n this.set('max-width', value)\n return this\n }\n\n /**\n * Minimal size of an element in the direction opposite that of the direction specified by 'writing-mode'..\n *\n * syntax: `header { min-block-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n minBlockSize(value: CSSProps['minBlockSize']) {\n this.set('min-block-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content height to a certain range..\n * \n * syntax: `footer { min-height: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#min-height\n *\n * values:\n * ```md\n * auto: undefined\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n minHeight(value: CSSProps['minHeight']) {\n this.set('min-height', value)\n return this\n }\n\n /**\n * Minimal size of an element in the direction specified by 'writing-mode'..\n *\n * syntax: `header { min-inline-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n minInlineSize(value: CSSProps['minInlineSize']) {\n this.set('min-inline-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content width to a certain range..\n * \n * syntax: `footer { min-width: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#min-width\n *\n * values:\n * ```md\n * auto: undefined\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n minWidth(value: CSSProps['minWidth']) {\n this.set('min-width', value)\n return this\n }\n\n /**\n * Defines the formula that must be used to mix the colors with the backdrop..\n * \n * syntax: `div { mix-blend-mode: saturation; }`\n * \n * restriction: enum\n * \n * browsers: C41,FF32,O29,S7.1\n * \n * ref: http://www.w3.org/TR/compositing-1/#propdef-mix-blend-mode\n *\n * values:\n * ```md\n * normal: Default attribute which specifies no blending\n\n * multiply: The source color is multiplied by the destination color and replaces the destination.\n\n * screen: Multiplies the complements of the backdrop and source color values, then complements the result.\n\n * overlay: Multiplies or screens the colors, depending on the backdrop color value.\n\n * darken: Selects the darker of the backdrop and source colors.\n\n * lighten: Selects the lighter of the backdrop and source colors.\n\n * color-dodge: Brightens the backdrop color to reflect the source color.\n\n * color-burn: Darkens the backdrop color to reflect the source color.\n\n * hard-light: Multiplies or screens the colors, depending on the source color value.\n\n * soft-light: Darkens or lightens the colors, depending on the source color value.\n\n * difference: Subtracts the darker of the two constituent colors from the lighter color..\n\n * exclusion: Produces an effect similar to that of the Difference mode but lower in contrast.\n\n * hue: Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.\n\n * saturation: Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.\n\n * color: Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.\n\n * luminosity: Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.\n * ```\n * @param value -\n */\n mixBlendMode(value: CSSProps['mixBlendMode']) {\n this.set('mix-blend-mode', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'motion-path', 'motion-offset' and 'motion-rotation'..\n * \n * syntax: ` `\n * \n * restriction: url, length, percentage, angle, shape, geometry-box, enum\n * \n * browsers: C46,O33\n * \n * ref: http://www.w3.org/TR/motion-1/#propdef-motion\n *\n * values:\n * ```md\n * none: No motion path gets created.\n\n * path(): Defines an SVG path as a string, with optional 'fill-rule' as the first argument.\n\n * url(): References an SVG shape element and uses its geometry as motion path.\n\n * auto: Indicates that the object is rotated by the angle of the direction of the motion path.\n\n * reverse: Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees.\n * ```\n * @param value -\n */\n motion(value: CSSProps['motion']) {\n this.set('motion', value)\n return this\n }\n\n /**\n * A distance that describes the position along the specified motion path..\n *\n * syntax: `div { motion-offset: 10%; }`\n *\n * restriction: length, percentage\n *\n * browsers: C46,O33\n *\n * ref: http://www.w3.org/TR/motion-1/#propdef-motion-offset\n *\n * @param value -\n */\n motionOffset(value: CSSProps['motionOffset']) {\n this.set('motion-offset', value)\n return this\n }\n\n /**\n * Specifies the motion path the element gets positioned at..\n * \n * syntax: ` `\n * \n * restriction: url, shape, geometry-box, enum\n * \n * browsers: C46,O33\n * \n * ref: http://www.w3.org/TR/motion-1/#propdef-motion-path\n *\n * values:\n * ```md\n * none: No motion path gets created.\n\n * path(): Defines an SVG path as a string, with optional 'fill-rule' as the first argument.\n\n * url(): References an SVG shape element and uses its geometry as motion path.\n * ```\n * @param value -\n */\n motionPath(value: CSSProps['motionPath']) {\n this.set('motion-path', value)\n return this\n }\n\n /**\n * Defines the direction of the element while positioning along the motion path..\n * \n * syntax: `div { motion-rotation: 90%; }`\n * \n * restriction: angle\n * \n * browsers: C46,O33\n * \n * ref: http://www.w3.org/TR/motion-1/#propdef-motion-rotation\n *\n * values:\n * ```md\n * auto: Indicates that the object is rotated by the angle of the direction of the motion path.\n\n * reverse: Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees.\n * ```\n * @param value -\n */\n motionRotation(value: CSSProps['motionRotation']) {\n this.set('motion-rotation', value)\n return this\n }\n\n /**\n * Shorthand property combines six of the animation properties into a single property..\n * \n * syntax: `div { -moz-animation: movearound 4s ease 3 normal; }`\n * \n * restriction: time, enum, timing-function, identifier, number\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * infinite: Causes the animation to repeat forever.\n\n * none: No animation is performed\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n mozAnimation(value: CSSProps['mozAnimation']) {\n this.set('-moz-animation', value)\n return this\n }\n\n /**\n * Defines when the animation will start..\n *\n * syntax: `div { -moz-animation-delay: 4s; }`\n *\n * restriction: time\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-delay\n *\n * @param value -\n */\n mozAnimationDelay(value: CSSProps['mozAnimationDelay']) {\n this.set('-moz-animation-delay', value)\n return this\n }\n\n /**\n * Defines whether or not the animation should play in reverse on alternate cycles..\n * \n * syntax: `div { -moz-animation-direction: normal; }`\n * \n * restriction: enum\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-direction\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n mozAnimationDirection(value: CSSProps['mozAnimationDirection']) {\n this.set('-moz-animation-direction', value)\n return this\n }\n\n /**\n * Defines the length of time that an animation takes to complete one cycle..\n *\n * syntax: `div { -moz-animation-duration: 4s; }`\n *\n * restriction: time\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-duration\n *\n * @param value -\n */\n mozAnimationDuration(value: CSSProps['mozAnimationDuration']) {\n this.set('-moz-animation-duration', value)\n return this\n }\n\n /**\n * Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once..\n *\n * syntax: `div { -moz-animation-iteration-count: 3; }`\n *\n * restriction: number, enum\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-iteration-count\n *\n * @param value -\n */\n mozAnimationIterationCount(value: CSSProps['mozAnimationIterationCount']) {\n this.set('-moz-animation-iteration-count', value)\n return this\n }\n\n /**\n * Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation..\n *\n * syntax: `div { -moz-animation-name: movearound; }`\n *\n * restriction: identifier, enum\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#the-animation-name-property-\n *\n * @param value -\n */\n mozAnimationName(value: CSSProps['mozAnimationName']) {\n this.set('-moz-animation-name', value)\n return this\n }\n\n /**\n * Defines whether the animation is running or paused..\n * \n * syntax: `div { -moz-animation-play-state: running; }`\n * \n * restriction: enum\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-play-state\n *\n * values:\n * ```md\n * paused: A running animation will be paused.\n\n * running: Resume playback of a paused animation.\n * ```\n * @param value -\n */\n mozAnimationPlayState(value: CSSProps['mozAnimationPlayState']) {\n this.set('-moz-animation-play-state', value)\n return this\n }\n\n /**\n * Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'..\n *\n * syntax: `div { -moz-animation-timing-function: ease; }`\n *\n * restriction: timing-function\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-timing-function\n *\n * @param value -\n */\n mozAnimationTimingFunction(value: CSSProps['mozAnimationTimingFunction']) {\n this.set('-moz-animation-timing-function', value)\n return this\n }\n\n /**\n * Used in Gecko (Firefox) to display an element using a platform-native styling based on the operating system's theme..\n * \n * syntax: `.example { -moz-appearance: toolbarbutton; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-appearance\n *\n * values:\n * ```md\n * button: undefined\n\n * button-arrow-down: undefined\n\n * button-arrow-next: undefined\n\n * button-arrow-previous: undefined\n\n * button-arrow-up: undefined\n\n * button-bevel: undefined\n\n * checkbox: undefined\n\n * checkbox-container: undefined\n\n * checkbox-label: undefined\n\n * dialog: undefined\n\n * groupbox: undefined\n\n * listbox: undefined\n\n * menuarrow: undefined\n\n * menuimage: undefined\n\n * menuitem: undefined\n\n * menuitemtext: undefined\n\n * menulist: undefined\n\n * menulist-button: undefined\n\n * menulist-text: undefined\n\n * menulist-textfield: undefined\n\n * menupopup: undefined\n\n * menuradio: undefined\n\n * menuseparator: undefined\n\n * -moz-mac-unified-toolbar: undefined\n\n * -moz-win-borderless-glass: undefined\n\n * -moz-win-browsertabbar-toolbox: undefined\n\n * -moz-win-communications-toolbox: undefined\n\n * -moz-win-glass: undefined\n\n * -moz-win-media-toolbox: undefined\n\n * none: undefined\n\n * progressbar: undefined\n\n * progresschunk: undefined\n\n * radio: undefined\n\n * radio-container: undefined\n\n * radio-label: undefined\n\n * radiomenuitem: undefined\n\n * resizer: undefined\n\n * resizerpanel: undefined\n\n * scrollbarbutton-down: undefined\n\n * scrollbarbutton-left: undefined\n\n * scrollbarbutton-right: undefined\n\n * scrollbarbutton-up: undefined\n\n * scrollbar-small: undefined\n\n * scrollbartrack-horizontal: undefined\n\n * scrollbartrack-vertical: undefined\n\n * separator: undefined\n\n * spinner: undefined\n\n * spinner-downbutton: undefined\n\n * spinner-textfield: undefined\n\n * spinner-upbutton: undefined\n\n * statusbar: undefined\n\n * statusbarpanel: undefined\n\n * tab: undefined\n\n * tabpanels: undefined\n\n * tab-scroll-arrow-back: undefined\n\n * tab-scroll-arrow-forward: undefined\n\n * textfield: undefined\n\n * textfield-multiline: undefined\n\n * toolbar: undefined\n\n * toolbox: undefined\n\n * tooltip: undefined\n\n * treeheadercell: undefined\n\n * treeheadersortarrow: undefined\n\n * treeitem: undefined\n\n * treetwistyopen: undefined\n\n * treeview: undefined\n\n * treewisty: undefined\n\n * window: undefined\n * ```\n * @param value -\n */\n mozAppearance(value: CSSProps['mozAppearance']) {\n this.set('-moz-appearance', value)\n return this\n }\n\n /**\n * Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer..\n * \n * syntax: `div { -moz-backface-visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: FF10\n * \n * ref: http://www.w3.org/TR/css3-3d-transforms/#backface-visibility\n *\n * values:\n * ```md\n * hidden: undefined\n\n * visible: undefined\n * ```\n * @param value -\n */\n mozBackfaceVisibility(value: CSSProps['mozBackfaceVisibility']) {\n this.set('-moz-backface-visibility', value)\n return this\n }\n\n /**\n * Determines the background painting area..\n *\n * syntax: `header { -moz-background-clip: border-box; }`\n *\n * restriction: box, enum\n *\n * browsers: FF1-3.6\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-clip\n *\n * @param value -\n */\n mozBackgroundClip(value: CSSProps['mozBackgroundClip']) {\n this.set('-moz-background-clip', value)\n return this\n }\n\n /**\n * In Gecko-based applications like Firefox, the -moz-background-inline-policy CSS property specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition..\n * \n * syntax: `div { -moz-background-inline-policy: bounding-box; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-background-inline-policy\n *\n * values:\n * ```md\n * bounding-box: undefined\n\n * continuous: undefined\n\n * each-box: undefined\n * ```\n * @param value -\n */\n mozBackgroundInlinePolicy(value: CSSProps['mozBackgroundInlinePolicy']) {\n this.set('-moz-background-inline-policy', value)\n return this\n }\n\n /**\n * For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s)..\n *\n * syntax: `header { -moz-background-origin: border-box; }`\n *\n * restriction: box\n *\n * browsers: FF1\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-origin\n *\n * @param value -\n */\n mozBackgroundOrigin(value: CSSProps['mozBackgroundOrigin']) {\n this.set('-moz-background-origin', value)\n return this\n }\n\n /**\n * Sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-bottom-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderBottomColors(value: CSSProps['mozBorderBottomColors']) {\n this.set('-moz-border-bottom-colors', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values..\n * \n * syntax: `td { -moz-border-image: url(border.png) 30 30 round;}`\n * \n * restriction: length, percentage, number, url, enum\n * \n * browsers: FF3.6\n * \n * ref: http://www.w3.org/TR/css3-background/#border-image\n *\n * values:\n * ```md\n * auto: If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead.\n\n * fill: Causes the middle part of the border-image to be preserved.\n\n * none: undefined\n\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n\n * url(): undefined\n * ```\n * @param value -\n */\n mozBorderImage(value: CSSProps['mozBorderImage']) {\n this.set('-moz-border-image', value)\n return this\n }\n\n /**\n * Sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-left-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderLeftColors(value: CSSProps['mozBorderLeftColors']) {\n this.set('-moz-border-left-colors', value)\n return this\n }\n\n /**\n * Sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-right-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderRightColors(value: CSSProps['mozBorderRightColors']) {\n this.set('-moz-border-right-colors', value)\n return this\n }\n\n /**\n * Ske Firefox, -moz-border-bottom-colors sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-top-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderTopColors(value: CSSProps['mozBorderTopColors']) {\n this.set('-moz-border-top-colors', value)\n return this\n }\n\n /**\n * Specifies how a XUL box aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box..\n * \n * syntax: `div { -moz-box-align: end; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-align\n *\n * values:\n * ```md\n * baseline: If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used.\n\n * center: Any extra space is divided evenly, with half placed above the child and the other half placed after the child.\n\n * end: For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element.\n\n * start: For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element.\n\n * stretch: The height of each child is adjusted to that of the containing block.\n * ```\n * @param value -\n */\n mozBoxAlign(value: CSSProps['mozBoxAlign']) {\n this.set('-moz-box-align', value)\n return this\n }\n\n /**\n * Specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)..\n * \n * syntax: `div { -moz-box-direction: reverse; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-direction\n *\n * values:\n * ```md\n * normal: A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom.\n\n * reverse: A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top.\n * ```\n * @param value -\n */\n mozBoxDirection(value: CSSProps['mozBoxDirection']) {\n this.set('-moz-box-direction', value)\n return this\n }\n\n /**\n * Specifies how a box grows to fill the box that contains it, in the direction of the containing box's layout..\n *\n * syntax: `div { -moz-box-flex: 1; }`\n *\n * restriction: number\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-box-flex\n *\n * @param value -\n */\n mozBoxFlex(value: CSSProps['mozBoxFlex']) {\n this.set('-moz-box-flex', value)\n return this\n }\n\n /**\n * Flexible elements can be assigned to flex groups using the 'box-flex-group' property..\n *\n * syntax: `div { -moz-box-flexgroup: 3; }`\n *\n * restriction: integer\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-box-flexgroup\n *\n * @param value -\n */\n mozBoxFlexgroup(value: CSSProps['mozBoxFlexgroup']) {\n this.set('-moz-box-flexgroup', value)\n return this\n }\n\n /**\n * Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group..\n *\n * syntax: `div { -moz-box-ordinal-group: 5; }`\n *\n * restriction: integer\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-box-ordinal-group\n *\n * @param value -\n */\n mozBoxOrdinalGroup(value: CSSProps['mozBoxOrdinalGroup']) {\n this.set('-moz-box-ordinal-group', value)\n return this\n }\n\n /**\n * In Mozilla applications, -moz-box-orient specifies whether a box lays out its contents horizontally or vertically..\n * \n * syntax: `div { -moz-box-orient: vertical; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-orient\n *\n * values:\n * ```md\n * block-axis: Elements are oriented along the box's axis.\n\n * horizontal: The box displays its children from left to right in a horizontal line.\n\n * inline-axis: Elements are oriented vertically.\n\n * vertical: The box displays its children from stacked from top to bottom vertically.\n * ```\n * @param value -\n */\n mozBoxOrient(value: CSSProps['mozBoxOrient']) {\n this.set('-moz-box-orient', value)\n return this\n }\n\n /**\n * Specifies how a box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box..\n * \n * syntax: `div { -moz-box-pack: end; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-pack\n *\n * values:\n * ```md\n * center: The extra space is divided evenly, with half placed before the first child and the other half placed after the last child.\n\n * end: For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child.\n\n * justify: The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start.\n\n * start: For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child.\n * ```\n * @param value -\n */\n mozBoxPack(value: CSSProps['mozBoxPack']) {\n this.set('-moz-box-pack', value)\n return this\n }\n\n /**\n * Box Model addition in CSS3..\n * \n * syntax: `div { -moz-box-sizing: content-box; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: http://www.w3.org/TR/css3-ui/#box-sizing\n *\n * values:\n * ```md\n * border-box: The specified width and height (and respective min/max properties) on this element determine the border box of the element.\n\n * content-box: Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element.\n\n * padding-box: The specified width and height (and respective min/max properties) on this element determine the padding box of the element.\n * ```\n * @param value -\n */\n mozBoxSizing(value: CSSProps['mozBoxSizing']) {\n this.set('-moz-box-sizing', value)\n return this\n }\n\n /**\n * Describes the optimal number of columns into which the content of the element will be flowed..\n *\n * syntax: `div { -moz-column-count: 3; }`\n *\n * restriction: integer\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-count\n *\n * @param value -\n */\n mozColumnCount(value: CSSProps['mozColumnCount']) {\n this.set('-moz-column-count', value)\n return this\n }\n\n /**\n * Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap..\n *\n * syntax: `div { -moz-column-gap: 10px; }`\n *\n * restriction: length\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-gap0\n *\n * @param value -\n */\n mozColumnGap(value: CSSProps['mozColumnGap']) {\n this.set('-moz-column-gap', value)\n return this\n }\n\n /**\n * Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values..\n *\n * syntax: `header { -moz-column-rule: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule0\n *\n * @param value -\n */\n mozColumnRule(value: CSSProps['mozColumnRule']) {\n this.set('-moz-column-rule', value)\n return this\n }\n\n /**\n * Sets the color of the column rule.\n *\n * syntax: `div { -moz-column-rule-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-color\n *\n * @param value -\n */\n mozColumnRuleColor(value: CSSProps['mozColumnRuleColor']) {\n this.set('-moz-column-rule-color', value)\n return this\n }\n\n /**\n * Sets the style of the rule between columns of an element..\n *\n * syntax: `div { -moz-column-rule-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-style\n *\n * @param value -\n */\n mozColumnRuleStyle(value: CSSProps['mozColumnRuleStyle']) {\n this.set('-moz-column-rule-style', value)\n return this\n }\n\n /**\n * Sets the width of the rule between columns. Negative values are not allowed..\n *\n * syntax: `div { -moz-column-rule-width: 3px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-width\n *\n * @param value -\n */\n mozColumnRuleWidth(value: CSSProps['mozColumnRuleWidth']) {\n this.set('-moz-column-rule-width', value)\n return this\n }\n\n /**\n * A shorthand property which sets both 'column-width' and 'column-count'..\n *\n * syntax: `div { -moz-columns: 100px 3; }`\n *\n * restriction: length, integer\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#columns0\n *\n * @param value -\n */\n mozColumns(value: CSSProps['mozColumns']) {\n this.set('-moz-columns', value)\n return this\n }\n\n /**\n * This property describes the width of columns in multicol elements..\n *\n * syntax: `div { -moz-column-width: 100px; }`\n *\n * restriction: length\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-width\n *\n * @param value -\n */\n mozColumnWidth(value: CSSProps['mozColumnWidth']) {\n this.set('-moz-column-width', value)\n return this\n }\n\n /**\n * Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case..\n * \n * syntax: `body { -moz-font-feature-settings: 'hwid'; }`\n * \n * restriction: string, integer\n * \n * browsers: FF4\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings\n *\n * values:\n * ```md\n * c2cs: undefined\n\n * dlig: undefined\n\n * kern: undefined\n\n * liga: undefined\n\n * lnum: undefined\n\n * onum: undefined\n\n * smcp: undefined\n\n * swsh: undefined\n\n * tnum: undefined\n\n * normal: No change in glyph substitution or positioning occurs.\n\n * off: undefined\n\n * on: undefined\n * ```\n * @param value -\n */\n mozFontFeatureSettings(value: CSSProps['mozFontFeatureSettings']) {\n this.set('-moz-font-feature-settings', value)\n return this\n }\n\n /**\n * Controls whether hyphenation is allowed to create more break opportunities within a line of text..\n * \n * syntax: `div { -moz-hyphens: manual; }`\n * \n * restriction: enum\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-text/#hyphens0\n *\n * values:\n * ```md\n * auto: Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.\n\n * manual: Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities\n\n * none: Words are not broken at line breaks, even if characters inside the word suggest line break points.\n * ```\n * @param value -\n */\n mozHyphens(value: CSSProps['mozHyphens']) {\n this.set('-moz-hyphens', value)\n return this\n }\n\n /**\n * Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself..\n *\n * syntax: `div { -moz-perspective: none; }`\n *\n * restriction: length\n *\n * browsers: FF10\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective\n *\n * @param value -\n */\n mozPerspective(value: CSSProps['mozPerspective']) {\n this.set('-moz-perspective', value)\n return this\n }\n\n /**\n * Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element..\n *\n * syntax: `div { -moz-perspective-origin: 10px; }`\n *\n * restriction: position, percentage, length\n *\n * browsers: FF10\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective-origin\n *\n * @param value -\n */\n mozPerspectiveOrigin(value: CSSProps['mozPerspectiveOrigin']) {\n this.set('-moz-perspective-origin', value)\n return this\n }\n\n /**\n * Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'..\n * \n * syntax: `div { -moz-text-align-last: right; }`\n * \n * restriction: enum\n * \n * browsers: FF12\n * \n * ref: http://www.w3.org/TR/css3-text/#text-align-last0\n *\n * values:\n * ```md\n * auto: undefined\n\n * center: The inline contents are centered within the line box.\n\n * end: The inline contents are aligned to the end edge of the line box.\n\n * justify: The text is justified according to the method specified by the 'text-justify' property.\n\n * left: The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text.\n\n * right: The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text.\n\n * start: The inline contents are aligned to the start edge of the line box.\n * ```\n * @param value -\n */\n mozTextAlignLast(value: CSSProps['mozTextAlignLast']) {\n this.set('-moz-text-align-last', value)\n return this\n }\n\n /**\n * Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line..\n *\n * syntax: `div { -moz-text-decoration-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: FF6\n *\n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-color\n *\n * @param value -\n */\n mozTextDecorationColor(value: CSSProps['mozTextDecorationColor']) {\n this.set('-moz-text-decoration-color', value)\n return this\n }\n\n /**\n * Specifies what line decorations, if any, are added to the element..\n * \n * syntax: `div { -moz-text-decoration-line: underline; }`\n * \n * restriction: enum\n * \n * browsers: FF6\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-line\n *\n * values:\n * ```md\n * line-through: Each line of text has a line through the middle.\n\n * none: Neither produces nor inhibits text decoration.\n\n * overline: Each line of text has a line above it.\n\n * underline: Each line of text is underlined.\n * ```\n * @param value -\n */\n mozTextDecorationLine(value: CSSProps['mozTextDecorationLine']) {\n this.set('-moz-text-decoration-line', value)\n return this\n }\n\n /**\n * Specifies the line style for underline, line-through and overline text decoration..\n * \n * syntax: `div { -moz-text-decoration-style: solid; }`\n * \n * restriction: enum\n * \n * browsers: FF6\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-style\n *\n * values:\n * ```md\n * dashed: Produces a dashed line style.\n\n * dotted: Produces a dotted line.\n\n * double: Produces a double line.\n\n * none: Produces no line.\n\n * solid: Produces a solid line.\n\n * wavy: Produces a wavy line.\n * ```\n * @param value -\n */\n mozTextDecorationStyle(value: CSSProps['mozTextDecorationStyle']) {\n this.set('-moz-text-decoration-style', value)\n return this\n }\n\n /**\n * Specifies a size adjustment for displaying text content in mobile browsers..\n * \n * syntax: `body { -moz-text-size-adjust: 150%; }`\n * \n * restriction: enum, percentage\n * \n * browsers: FF\n * \n * ref: http://dev.w3.org/csswg/css-size-adjust/\n *\n * values:\n * ```md\n * auto: Renderers must use the default size adjustment when displaying on a small device.\n\n * none: Renderers must not do size adjustment when displaying on a small device.\n * ```\n * @param value -\n */\n mozTextSizeAdjust(value: CSSProps['mozTextSizeAdjust']) {\n this.set('-moz-text-size-adjust', value)\n return this\n }\n\n /**\n * A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG..\n * \n * syntax: `div { -moz-transform: rotate(-90deg); }`\n * \n * restriction: enum\n * \n * browsers: FF3.5\n * \n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-property\n *\n * values:\n * ```md\n * matrix(): Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]\n\n * matrix3d(): Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.\n\n * none: undefined\n\n * perspective: Specifies a perspective projection matrix.\n\n * rotate(): Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.\n\n * rotate3d(): Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.\n\n * rotateX('angle'): Specifies a clockwise rotation by the given angle about the X axis.\n\n * rotateY('angle'): Specifies a clockwise rotation by the given angle about the Y axis.\n\n * rotateZ('angle'): Specifies a clockwise rotation by the given angle about the Z axis.\n\n * scale(): Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.\n\n * scale3d(): Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.\n\n * scaleX(): Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.\n\n * scaleY(): Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.\n\n * scaleZ(): Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.\n\n * skew(): Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).\n\n * skewX(): Specifies a skew transformation along the X axis by the given angle.\n\n * skewY(): Specifies a skew transformation along the Y axis by the given angle.\n\n * translate(): Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.\n\n * translate3d(): Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.\n\n * translateX(): Specifies a translation by the given amount in the X direction.\n\n * translateY(): Specifies a translation by the given amount in the Y direction.\n\n * translateZ(): Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.\n * ```\n * @param value -\n */\n mozTransform(value: CSSProps['mozTransform']) {\n this.set('-moz-transform', value)\n return this\n }\n\n /**\n * Establishes the origin of transformation for an element..\n *\n * syntax: `.album { -moz-transform-origin: 20% 40%; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-origin\n *\n * @param value -\n */\n mozTransformOrigin(value: CSSProps['mozTransformOrigin']) {\n this.set('-moz-transform-origin', value)\n return this\n }\n\n /**\n * Shorthand property combines four of the transition properties into a single property..\n * \n * syntax: `div { -moz-transition: background-color linear 1s; }`\n * \n * restriction: time, property, timing-function, enum\n * \n * browsers: FF4\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n mozTransition(value: CSSProps['mozTransition']) {\n this.set('-moz-transition', value)\n return this\n }\n\n /**\n * Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied..\n *\n * syntax: `div { -moz-transition-delay: 1s; }`\n *\n * restriction: time\n *\n * browsers: FF4\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-delay\n *\n * @param value -\n */\n mozTransitionDelay(value: CSSProps['mozTransitionDelay']) {\n this.set('-moz-transition-delay', value)\n return this\n }\n\n /**\n * Specifies how long the transition from the old value to the new value should take..\n *\n * syntax: `div { -moz-transition-duration: 1s; }`\n *\n * restriction: time\n *\n * browsers: FF4\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-duration\n *\n * @param value -\n */\n mozTransitionDuration(value: CSSProps['mozTransitionDuration']) {\n this.set('-moz-transition-duration', value)\n return this\n }\n\n /**\n * Specifies the name of the CSS property to which the transition is applied..\n * \n * syntax: `div { -moz-transition-property: background-color; }`\n * \n * restriction: property\n * \n * browsers: FF4\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition-property\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n mozTransitionProperty(value: CSSProps['mozTransitionProperty']) {\n this.set('-moz-transition-property', value)\n return this\n }\n\n /**\n * Describes how the intermediate values used during a transition will be calculated..\n *\n * syntax: `div { -moz-transition-timing-function: linear; }`\n *\n * restriction: timing-function\n *\n * browsers: FF4\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-timing-function\n *\n * @param value -\n */\n mozTransitionTimingFunction(value: CSSProps['mozTransitionTimingFunction']) {\n this.set('-moz-transition-timing-function', value)\n return this\n }\n\n /**\n * Used to indicate whether the element can have focus..\n * \n * syntax: `div { -moz-user-focus: ignore; }`\n * \n * restriction: \n * \n * browsers: FF1.5\n * \n * ref: https://developer.mozilla.org/en-US/docs/CSS/-moz-user-focus\n *\n * values:\n * ```md\n * ignore: undefined\n\n * normal: undefined\n * ```\n * @param value -\n */\n mozUserFocus(value: CSSProps['mozUserFocus']) {\n this.set('-moz-user-focus', value)\n return this\n }\n\n /**\n * Controls the appearance of selection..\n * \n * syntax: `div { -moz-user-select: text; }`\n * \n * restriction: enum\n * \n * browsers: FF1.5\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-user-select\n *\n * values:\n * ```md\n * all: undefined\n\n * element: undefined\n\n * elements: undefined\n\n * -moz-all: undefined\n\n * -moz-none: undefined\n\n * none: undefined\n\n * text: undefined\n\n * toggle: undefined\n * ```\n * @param value -\n */\n mozUserSelect(value: CSSProps['mozUserSelect']) {\n this.set('-moz-user-select', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Defines how to alter the representation when the counter value is negative..\n *\n * syntax: `@counter-style { negative: '(' ')'; }`\n *\n * restriction: image, identifier, string\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-negative\n *\n * @param value -\n */\n negative(value: CSSProps['negative']) {\n this.set('negative', value)\n return this\n }\n\n /**\n * Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width..\n * \n * syntax: `p { object-fit: cover; }`\n * \n * restriction: enum\n * \n * browsers: C32,FF36,O19,S7.1\n * \n * ref: http://www.w3.org/TR/css-images/#object-fit\n *\n * values:\n * ```md\n * contain: The replaced content is sized to maintain its aspect ratio while fitting within the element's content box: its concrete object size is resolved as a contain constraint against the element's used width and height.\n\n * cover: The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element's used width and height.\n\n * fill: The replaced content is sized to fill the element's content box: the object's concrete object size is the element's used width and height.\n\n * none: The replaced content is not resized to fit inside the element's content box\n\n * scale-down: Size the content as if 'none' or 'contain' were specified, whichever would result in a smaller concrete object size.\n * ```\n * @param value -\n */\n objectFit(value: CSSProps['objectFit']) {\n this.set('object-fit', value)\n return this\n }\n\n /**\n * Determines the alignment of the replaced element inside its box..\n *\n * syntax: `img { object-position: left top; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: C32,FF36,O19\n *\n * ref: http://www.w3.org/TR/css-images/#object-position\n *\n * @param value -\n */\n objectPosition(value: CSSProps['objectPosition']) {\n this.set('object-position', value)\n return this\n }\n\n /**\n * Opacity of an element's text, where 1 is opaque and 0 is entirely transparent..\n *\n * syntax: `article { opacity: opacity: 0.4; }`\n *\n * restriction: number(0-1)\n *\n * browsers: C,FF3.6,IE9,O9,S1.2\n *\n * ref: http://www.w3.org/TR/css3-color/#opacity\n *\n * @param value -\n */\n opacity(value: CSSProps['opacity']) {\n this.set('opacity', value)\n return this\n }\n\n /**\n * Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups..\n *\n * syntax: `p { order: -1; }`\n *\n * restriction: integer\n *\n * browsers: E,C29,FF22,IE11,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-flexbox/#order\n *\n * @param value -\n */\n order(value: CSSProps['order']) {\n this.set('order', value)\n return this\n }\n\n /**\n * Specifies the minimum number of line boxes in a block container that must be left in a fragment before a fragmentation break..\n *\n * syntax: `<integer>`\n *\n * restriction: integer\n *\n * browsers: C,IE8,O7,S1.3\n *\n * ref: http://www.w3.org/TR/css3-break/#widows-orphans\n *\n * @param value -\n */\n orphans(value: CSSProps['orphans']) {\n this.set('orphans', value)\n return this\n }\n\n /**\n * Logical 'bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-block-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetBlockEnd(value: CSSProps['offsetBlockEnd']) {\n this.set('offset-block-end', value)\n return this\n }\n\n /**\n * Logical 'top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-block-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetBlockStart(value: CSSProps['offsetBlockStart']) {\n this.set('offset-block-start', value)\n return this\n }\n\n /**\n * Logical 'right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-inline-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetInlineEnd(value: CSSProps['offsetInlineEnd']) {\n this.set('offset-inline-end', value)\n return this\n }\n\n /**\n * Logical 'left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-inline-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetInlineStart(value: CSSProps['offsetInlineStart']) {\n this.set('offset-inline-start', value)\n return this\n }\n\n /**\n * Shorthand property for 'outline-style', 'outline-width', and 'outline-color'..\n * \n * syntax: `header { outline: 5px solid red;}`\n * \n * restriction: length, line-width, line-style, color, enum\n * \n * browsers: E,C,FF1.5,IE8,O8,S1.2\n * \n * ref: http://www.w3.org/TR/css3-ui/#outline0\n *\n * values:\n * ```md\n * auto: Permits the user agent to render a custom outline style, typically the default platform style.\n\n * invert: Performs a color inversion on the pixels on the screen.\n * ```\n * @param value -\n */\n outline(value: CSSProps['outline']) {\n this.set('outline', value)\n return this\n }\n\n /**\n * The color of the outline..\n *\n * syntax: `body { outline-color: red; }`\n *\n * restriction: enum, color\n *\n * browsers: E,C,FF1.5,IE8,O8,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-color\n *\n * @param value -\n */\n outlineColor(value: CSSProps['outlineColor']) {\n this.set('outline-color', value)\n return this\n }\n\n /**\n * Offset the outline and draw it beyond the border edge..\n *\n * syntax: `article { outline-offset: 15px; }`\n *\n * restriction: length\n *\n * browsers: C,FF1.5,O9.5,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-offset0\n *\n * @param value -\n */\n outlineOffset(value: CSSProps['outlineOffset']) {\n this.set('outline-offset', value)\n return this\n }\n\n /**\n * Style of the outline..\n *\n * syntax: `td { outline-style: solid; }`\n *\n * restriction: line-style, enum\n *\n * browsers: E,C,FF1.5,IE8,O8,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-style0\n *\n * @param value -\n */\n outlineStyle(value: CSSProps['outlineStyle']) {\n this.set('outline-style', value)\n return this\n }\n\n /**\n * Width of the outline..\n *\n * syntax: `td { outline-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: E,C,FF1.5,IE8,O8,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-width0\n *\n * @param value -\n */\n outlineWidth(value: CSSProps['outlineWidth']) {\n this.set('outline-width', value)\n return this\n }\n\n /**\n * Shorthand for setting 'overflow-x' and 'overflow-y'..\n * \n * syntax: `div { overflow: hidden auto; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-overflow-3/#overflow\n *\n * values:\n * ```md\n * auto: The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.\n\n * clip: Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.\n\n * hidden: Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.\n\n * -moz-hidden-unscrollable: Same as the standardized 'clip', except doesn't establish a block formatting context.\n\n * scroll: Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped.\n\n * visible: Content is not clipped, i.e., it may be rendered outside the content box.\n * ```\n * @param value -\n */\n overflow(value: CSSProps['overflow']) {\n this.set('overflow', value)\n return this\n }\n\n /**\n * Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit within the line box..\n * \n * syntax: `div { overflow-wrap: break-word; }`\n * \n * restriction: enum\n * \n * browsers: C23,O12.1,S6.1\n * \n * ref: http://www.w3.org/TR/css3-text/#overflow-wrap0\n *\n * values:\n * ```md\n * break-word: An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line.\n\n * normal: Lines may break only at allowed break points.\n\n * anywhere: There is a soft wrap opportunity around every typographic character unit, including around any punctuation character or preserved white spaces, or in the middle of words, disregarding any prohibition against line breaks, even those introduced by characters with the GL, WJ, or ZWJ line breaking classes or mandated by the word-break property.\n * ```\n * @param value -\n */\n overflowWrap(value: CSSProps['overflowWrap']) {\n this.set('overflow-wrap', value)\n return this\n }\n\n /**\n * Specifies the handling of overflow in the horizontal direction..\n * \n * syntax: `div { overflow-x: hidden; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF1.5,IE5,O9.5,S3\n * \n * ref: http://www.w3.org/TR/css3-box/#overflow-x\n *\n * values:\n * ```md\n * auto: The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.\n\n * clip: Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.\n\n * hidden: Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.\n\n * scroll: Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped.\n\n * visible: Content is not clipped, i.e., it may be rendered outside the content box.\n * ```\n * @param value -\n */\n overflowX(value: CSSProps['overflowX']) {\n this.set('overflow-x', value)\n return this\n }\n\n /**\n * Specifies the handling of overflow in the vertical direction..\n * \n * syntax: `div { overflow-y: hidden; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF1.5,IE5,O9.5,S3\n * \n * ref: http://www.w3.org/TR/css3-box/#overflow-x\n *\n * values:\n * ```md\n * auto: The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.\n\n * clip: Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.\n\n * hidden: Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.\n\n * scroll: Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped.\n\n * visible: Content is not clipped, i.e., it may be rendered outside the content box.\n * ```\n * @param value -\n */\n overflowY(value: CSSProps['overflowY']) {\n this.set('overflow-y', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a \"fixed-width\" counter style, where representations shorter than the pad value are padded with a particular <symbol>.\n *\n * syntax: `@counter-style { pad: 3 '0'; }`\n *\n * restriction: integer, image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-pad\n *\n * @param value -\n */\n pad(value: CSSProps['pad']) {\n this.set('pad', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `div { padding: 4px 7px 2px 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n padding(value: CSSProps['padding']) {\n this.set('padding', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-bottom: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingBottom(value: CSSProps['paddingBottom']) {\n this.set('padding-bottom', value)\n return this\n }\n\n /**\n * Logical 'padding-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-block-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingBlockEnd(value: CSSProps['paddingBlockEnd']) {\n this.set('padding-block-end', value)\n return this\n }\n\n /**\n * Logical 'padding-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-block-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingBlockStart(value: CSSProps['paddingBlockStart']) {\n this.set('padding-block-start', value)\n return this\n }\n\n /**\n * Logical 'padding-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-inline-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingInlineEnd(value: CSSProps['paddingInlineEnd']) {\n this.set('padding-inline-end', value)\n return this\n }\n\n /**\n * Logical 'padding-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-inline-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingInlineStart(value: CSSProps['paddingInlineStart']) {\n this.set('padding-inline-start', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-left: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingLeft(value: CSSProps['paddingLeft']) {\n this.set('padding-left', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-right: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingRight(value: CSSProps['paddingRight']) {\n this.set('padding-right', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-top: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingTop(value: CSSProps['paddingTop']) {\n this.set('padding-top', value)\n return this\n }\n\n /**\n * Defines rules for page breaks after an element..\n * \n * syntax: `table { page-break-after: always; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-break/#page-break-properties\n *\n * values:\n * ```md\n * always: Always force a page break after the generated box.\n\n * auto: Neither force nor forbid a page break after generated box.\n\n * avoid: Avoid a page break after the generated box.\n\n * left: Force one or two page breaks after the generated box so that the next page is formatted as a left page.\n\n * recto: Equivalent to right in left-to-right page progressions and left in right-to-left page progressions.\n\n * right: Force one or two page breaks after the generated box so that the next page is formatted as a right page.\n\n * verso: Equivalent to left in left-to-right page progressions and right in right-to-left page progressions.\n * ```\n * @param value -\n */\n pageBreakAfter(value: CSSProps['pageBreakAfter']) {\n this.set('page-break-after', value)\n return this\n }\n\n /**\n * Defines rules for page breaks before an element..\n * \n * syntax: `table { page-break-before: always; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-break/#page-break-properties\n *\n * values:\n * ```md\n * always: Always force a page break before the generated box.\n\n * auto: Neither force nor forbid a page break before the generated box.\n\n * avoid: Avoid a page break before the generated box.\n\n * left: Force one or two page breaks before the generated box so that the next page is formatted as a left page.\n\n * right: Force one or two page breaks before the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n pageBreakBefore(value: CSSProps['pageBreakBefore']) {\n this.set('page-break-before', value)\n return this\n }\n\n /**\n * Defines rules for page breaks inside an element..\n * \n * syntax: `table { page-break-inside: avoid; }`\n * \n * restriction: enum\n * \n * browsers: C,IE8,O7,S1.3\n * \n * ref: http://www.w3.org/TR/css3-break/#page-break-properties\n *\n * values:\n * ```md\n * auto: Neither force nor forbid a page break inside the generated box.\n\n * avoid: Avoid a page break inside the generated box.\n * ```\n * @param value -\n */\n pageBreakInside(value: CSSProps['pageBreakInside']) {\n this.set('page-break-inside', value)\n return this\n }\n\n /**\n * Controls the order that the three paint operations that shapes and text are rendered with: their fill, their stroke and any markers they might have..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C35,FF31,O22,S7.1\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#PaintOrderProperty\n *\n * values:\n * ```md\n * fill: undefined\n\n * markers: undefined\n\n * normal: The element is painted with the standard order of painting operations: the 'fill' is painted first, then its 'stroke' and finally its markers.\n\n * stroke: undefined\n * ```\n * @param value -\n */\n paintOrder(value: CSSProps['paintOrder']) {\n this.set('paint-order', value)\n return this\n }\n\n /**\n * Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself..\n *\n * syntax: `div { perspective: none; }`\n *\n * restriction: length, enum\n *\n * browsers: E,C36,FF16,IE10,O23,S9\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective\n *\n * @param value -\n */\n perspective(value: CSSProps['perspective']) {\n this.set('perspective', value)\n return this\n }\n\n /**\n * Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element..\n *\n * syntax: `div { perspective-origin: 10px; }`\n *\n * restriction: position, percentage, length\n *\n * browsers: E,C36,FF16,IE10,O23,S9\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective-origin\n *\n * @param value -\n */\n perspectiveOrigin(value: CSSProps['perspectiveOrigin']) {\n this.set('perspective-origin', value)\n return this\n }\n\n /**\n * Specifies under what circumstances a given element can be the target element for a pointer event..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/interact.html#PointerEventsProperty\n *\n * values:\n * ```md\n * all: The given element can be the target element for pointer events whenever the pointer is over either the interior or the perimeter of the element.\n\n * fill: The given element can be the target element for pointer events whenever the pointer is over the interior of the element.\n\n * none: The given element does not receive pointer events.\n\n * painted: The given element can be the target element for pointer events when the pointer is over a \"painted\" area. \n\n * stroke: The given element can be the target element for pointer events whenever the pointer is over the perimeter of the element.\n\n * visible: The given element can be the target element for pointer events when the 'visibility' property is set to visible and the pointer is over either the interior or the perimeter of the element.\n\n * visibleFill: The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over the interior of the element.\n\n * visiblePainted: The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over a 'painted' area.\n\n * visibleStroke: The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over the perimeter of the element.\n * ```\n * @param value -\n */\n pointerEvents(value: CSSProps['pointerEvents']) {\n this.set('pointer-events', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { position: absolute; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-positioning/#propdef-position\n *\n * values:\n * ```md\n * absolute: The box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's 'containing block'.\n\n * center: Center positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.\n\n * fixed: The box's position is calculated according to the 'absolute' model, but in addition, the box is fixed with respect to some reference. As with the 'absolute' model, the box's margins do not collapse with any other margins.\n\n * -ms-page: The box's position is calculated according to the 'absolute' model.\n\n * page: The box's position is calculated according to the 'absolute' model.\n\n * relative: The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position.\n\n * static: The box is a normal box, laid out according to the normal flow. The 'top', 'right', 'bottom', and 'left' properties do not apply.\n\n * sticky: The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes.\n\n * -webkit-sticky: The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes.\n * ```\n * @param value -\n */\n position(value: CSSProps['position']) {\n this.set('position', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a <symbol> that is prepended to the marker representation..\n *\n * syntax: `@counter-style { prefix: '#'; }`\n *\n * restriction: image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-prefix\n *\n * @param value -\n */\n prefix(value: CSSProps['prefix']) {\n this.set('prefix', value)\n return this\n }\n\n /**\n * Specifies quotation marks for any number of embedded quotations..\n *\n * syntax: `none | [ <string> <string> ]+`\n *\n * restriction: string\n *\n * browsers: E,C,FF1.5,IE8,O8,S5.1\n *\n * ref: http://www.w3.org/TR/css3-content/#quotes\n *\n * @param value -\n */\n quotes(value: CSSProps['quotes']) {\n this.set('quotes', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Defines the ranges over which the counter style is defined..\n * \n * syntax: `@counter-style { range: 2 infinite, 8 834048; }`\n * \n * restriction: integer, enum\n * \n * browsers: FF33\n * \n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-range\n *\n * values:\n * ```md\n * auto: The range depends on the counter system.\n\n * infinite: If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity.\n * ```\n * @param value -\n */\n range(value: CSSProps['range']) {\n this.set('range', value)\n return this\n }\n\n /**\n * Specifies whether or not an element is resizable by the user, and if so, along which axis/axes..\n * \n * syntax: `div { resize: both; }`\n * \n * restriction: enum\n * \n * browsers: C,FF4,O15,S3\n * \n * ref: http://www.w3.org/TR/css3-ui/#resize0\n *\n * values:\n * ```md\n * both: The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element.\n\n * block: Logical 'vertical'\n\n * horizontal: The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element.\n\n * inline: Logical 'horizontal'\n\n * none: The UA does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element.\n\n * vertical: The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element.\n * ```\n * @param value -\n */\n resize(value: CSSProps['resize']) {\n this.set('resize', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's right margin edge is offset to the left of the right edge of the box's 'containing block'..\n *\n * syntax: `article { right: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-right\n *\n * @param value -\n */\n right(value: CSSProps['right']) {\n this.set('right', value)\n return this\n }\n\n /**\n * Specifies how text is distributed within the various ruby boxes when their contents do not exactly fill their respective boxes..\n * \n * syntax: `auto | start | left | center | end | right | distribute-letter | distribute-space | line-edge`\n * \n * restriction: enum\n * \n * browsers: FF10,IE5\n * \n * ref: http://www.w3.org/TR/css3-ruby/#rubyalign\n *\n * values:\n * ```md\n * auto: The user agent determines how the ruby contents are aligned. This is the initial value.\n\n * center: The ruby content is centered within its box.\n\n * distribute-letter: If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with the first and last ruby text glyphs lining up with the corresponding first and last base glyphs. If the width of the ruby text is at least the width of the base, then the letters of the base are evenly distributed across the width of the ruby text.\n\n * distribute-space: If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with a certain amount of white space preceding the first and following the last character in the ruby text. That amount of white space is normally equal to half the amount of inter-character space of the ruby text.\n\n * left: The ruby text content is aligned with the start edge of the base.\n\n * line-edge: If the ruby text is not adjacent to a line edge, it is aligned as in 'auto'. If it is adjacent to a line edge, then it is still aligned as in auto, but the side of the ruby text that touches the end of the line is lined up with the corresponding edge of the base.\n\n * right: The ruby text content is aligned with the end edge of the base.\n\n * start: The ruby text content is aligned with the start edge of the base.\n\n * space-between: The ruby content expands as defined for normal text justification (as defined by 'text-justify'),\n\n * space-around: As for 'space-between' except that there exists an extra justification opportunities whose space is distributed half before and half after the ruby content.\n * ```\n * @param value -\n */\n rubyAlign(value: CSSProps['rubyAlign']) {\n this.set('ruby-align', value)\n return this\n }\n\n /**\n * Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base..\n * \n * syntax: `auto | start | end | none`\n * \n * restriction: enum\n * \n * browsers: FF10,IE5\n * \n * ref: http://www.w3.org/TR/css3-ruby/#rubyover\n *\n * values:\n * ```md\n * auto: The ruby text can overhang text adjacent to the base on either side. This is the initial value.\n\n * end: The ruby text can overhang the text that follows it.\n\n * none: The ruby text cannot overhang any text adjacent to its base, only its own base.\n\n * start: The ruby text can overhang the text that precedes it.\n * ```\n * @param value -\n */\n rubyOverhang(value: CSSProps['rubyOverhang']) {\n this.set('ruby-overhang', value)\n return this\n }\n\n /**\n * Used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base..\n * \n * syntax: `before | after | right`\n * \n * restriction: enum\n * \n * browsers: FF10,IE5\n * \n * ref: http://www.w3.org/TR/css3-ruby/#ruby-position\n *\n * values:\n * ```md\n * after: The ruby text appears after the base. This is a relatively rare setting used in ideographic East Asian writing systems, most easily found in educational text.\n\n * before: The ruby text appears before the base. This is the most common setting used in ideographic East Asian writing systems.\n\n * inline: undefined\n\n * right: The ruby text appears on the right of the base. Unlike 'before' and 'after', this value is not relative to the text flow direction.\n * ```\n * @param value -\n */\n rubyPosition(value: CSSProps['rubyPosition']) {\n this.set('ruby-position', value)\n return this\n }\n\n /**\n * Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base..\n * \n * syntax: `attr(x) | none`\n * \n * restriction: enum\n * \n * browsers: FF10\n * \n * ref: http://www.w3.org/TR/css3-ruby/#rubyspan\n *\n * values:\n * ```md\n * attr(x): The value of attribute 'x' is a string value. The string value is evaluated as a <number> to determine the number of ruby base elements to be spanned by the annotation element.\n\n * none: No spanning. The computed value is '1'.\n * ```\n * @param value -\n */\n rubySpan(value: CSSProps['rubySpan']) {\n this.set('ruby-span', value)\n return this\n }\n\n /**\n * Specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF36\n * \n * ref: http://www.w3.org/TR/cssom-view/#scroll-behavior\n *\n * values:\n * ```md\n * auto: Scrolls in an instant fashion.\n\n * smooth: Scrolls in a smooth fashion using a user-agent-defined timing function and time period.\n * ```\n * @param value -\n */\n scrollBehavior(value: CSSProps['scrollBehavior']) {\n this.set('scroll-behavior', value)\n return this\n }\n\n /**\n * Defines the x and y coordinate within the element which will align with the nearest ancestor scroll container's snap-destination for the respective axis..\n * \n * syntax: ` `\n * \n * restriction: position, length, percentage, enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-coordinate\n *\n * values:\n * ```md\n * none: Specifies that this element does not contribute a snap point.\n\n * border-box: Specifies the offset of the snap coordinate from the start edge of the element's border box.\n\n * margin-box: Specifies the offset of the snap coordinate from the start edge of the element's margin box.\n * ```\n * @param value -\n */\n scrollSnapCoordinate(value: CSSProps['scrollSnapCoordinate']) {\n this.set('scroll-snap-coordinate', value)\n return this\n }\n\n /**\n * Define the x and y coordinate within the scroll container's visual viewport which element snap points will align with..\n *\n * syntax: ` `\n *\n * restriction: position, length, percentage\n *\n * browsers: FF39\n *\n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-destination\n *\n * @param value -\n */\n scrollSnapDestination(value: CSSProps['scrollSnapDestination']) {\n this.set('scroll-snap-destination', value)\n return this\n }\n\n /**\n * Defines the positioning of snap points along the x axis of the scroll container it is applied to..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-points-x\n *\n * values:\n * ```md\n * none: No snap points are defined by this scroll container.\n\n * repeat(): Defines an interval at which snap points are defined, starting from the container's relevant start edge.\n * ```\n * @param value -\n */\n scrollSnapPointsX(value: CSSProps['scrollSnapPointsX']) {\n this.set('scroll-snap-points-x', value)\n return this\n }\n\n /**\n * Defines the positioning of snap points along the y axis of the scroll container it is applied to..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-points-y\n *\n * values:\n * ```md\n * none: No snap points are defined by this scroll container.\n\n * repeat(): Defines an interval at which snap points are defined, starting from the container's relevant start edge.\n * ```\n * @param value -\n */\n scrollSnapPointsY(value: CSSProps['scrollSnapPointsY']) {\n this.set('scroll-snap-points-y', value)\n return this\n }\n\n /**\n * Defines how strictly snap points are enforced on the scroll container..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-type\n *\n * values:\n * ```md\n * none: The visual viewport of this scroll container must ignore snap points, if any, when scrolled.\n\n * mandatory: The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations.\n\n * proximity: The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll.\n * ```\n * @param value -\n */\n scrollSnapType(value: CSSProps['scrollSnapType']) {\n this.set('scroll-snap-type', value)\n return this\n }\n\n /**\n * Defines the alpha channel threshold used to extract the shape using an image. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque..\n *\n * syntax: `div { shape-image-threshold: 0.5; }`\n *\n * restriction: number\n *\n * browsers: C37,O24\n *\n * ref: http://www.w3.org/TR/css-shapes-1/#propdef-shape-image-threshold\n *\n * @param value -\n */\n shapeImageThreshold(value: CSSProps['shapeImageThreshold']) {\n this.set('shape-image-threshold', value)\n return this\n }\n\n /**\n * Adds a margin to a 'shape-outside'. This defines a new shape that is the smallest contour that includes all the points that are the 'shape-margin' distance outward in the perpendicular direction from a point on the underlying shape..\n *\n * syntax: `div { shape-margin: 10px; }`\n *\n * restriction: url, length, percentage\n *\n * browsers: C37,O24\n *\n * ref: http://www.w3.org/TR/css-shapes-1/#propdef-shape-margin\n *\n * @param value -\n */\n shapeMargin(value: CSSProps['shapeMargin']) {\n this.set('shape-margin', value)\n return this\n }\n\n /**\n * Specifies an orthogonal rotation to be applied to an image before it is laid out..\n * \n * syntax: `div { shape-outside: margin-box; }`\n * \n * restriction: image, box, shape, enum\n * \n * browsers: C37,O24\n * \n * ref: http://www.w3.org/TR/css-shapes-1/#shape-outside-property\n *\n * values:\n * ```md\n * margin-box: The background is painted within (clipped to) the margin box.\n\n * none: The float area is unaffected.\n * ```\n * @param value -\n */\n shapeOutside(value: CSSProps['shapeOutside']) {\n this.set('shape-outside', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `<length>{1,2} | auto | [ <page-size> || [ portrait | landscape] ]`\n *\n * restriction: length\n *\n * browsers: C,O8\n *\n * ref: http://www.w3.org/TR/css3-page/#page-size-prop\n *\n * @param value -\n */\n size(value: CSSProps['size']) {\n this.set('size', value)\n return this\n }\n\n /**\n * `@`font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed..\n * \n * syntax: `src: url(font.woff) format('woff');`\n * \n * restriction: enum, url, identifier\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#src-desc\n *\n * values:\n * ```md\n * url(): Reference font by URL\n\n * format(): Optional hint describing the format of the font resource.\n\n * local(): Format-specific string that identifies a locally available copy of a given font.\n * ```\n * @param value -\n */\n src(value: CSSProps['src']) {\n this.set('src', value)\n return this\n }\n\n /**\n * Indicates what color to use at that gradient stop..\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/pservers.html#StopColorProperty\n *\n * @param value -\n */\n stopColor(value: CSSProps['stopColor']) {\n this.set('stop-color', value)\n return this\n }\n\n /**\n * Defines the opacity of a given gradient stop..\n *\n * syntax: ` `\n *\n * restriction: number(0-1)\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/pservers.html#StopOpacityProperty\n *\n * @param value -\n */\n stopOpacity(value: CSSProps['stopOpacity']) {\n this.set('stop-opacity', value)\n return this\n }\n\n /**\n * Paints along the outline of the given graphical element..\n * \n * syntax: ` `\n * \n * restriction: color, enum, url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeProperty\n *\n * values:\n * ```md\n * child: A reference to the last child paint server element of the element being painted.\n\n * child(): A reference to the nth child paint server element of the element being painted.\n\n * context-fill: The computed value of the 'fill' property of the context element of the element being painted.\n\n * context-stroke: The computed value of the 'stroke' property of the context element of the element being painted.\n\n * url(): A URL reference to a paint server element, which is an element that defines a paint server: 'hatch', 'linearGradient', 'mesh', 'pattern', 'radialGradient' and 'solidcolor'.\n\n * none: No paint is applied in this layer.\n * ```\n * @param value -\n */\n stroke(value: CSSProps['stroke']) {\n this.set('stroke', value)\n return this\n }\n\n /**\n * Controls the pattern of dashes and gaps used to stroke paths..\n *\n * syntax: ` `\n *\n * restriction: length, percentage, number, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeDasharrayProperty\n *\n * @param value -\n */\n strokeDasharray(value: CSSProps['strokeDasharray']) {\n this.set('stroke-dasharray', value)\n return this\n }\n\n /**\n * Specifies the distance into the dash pattern to start the dash..\n *\n * syntax: ` `\n *\n * restriction: percentage, length\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeDashoffsetProperty\n *\n * @param value -\n */\n strokeDashoffset(value: CSSProps['strokeDashoffset']) {\n this.set('stroke-dashoffset', value)\n return this\n }\n\n /**\n * Specifies the shape to be used at the end of open subpaths when they are stroked..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeLinecapProperty\n *\n * values:\n * ```md\n * butt: Indicates that the stroke for each subpath does not extend beyond its two endpoints.\n\n * round: Indicates that at each end of each subpath, the shape representing the stroke will be extended by a half circle with a radius equal to the stroke width.\n\n * square: Indicates that at the end of each subpath, the shape representing the stroke will be extended by a rectangle with the same width as the stroke width and whose length is half of the stroke width.\n * ```\n * @param value -\n */\n strokeLinecap(value: CSSProps['strokeLinecap']) {\n this.set('stroke-linecap', value)\n return this\n }\n\n /**\n * Specifies the shape to be used at the corners of paths or basic shapes when they are stroked..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeLinejoinProperty\n *\n * values:\n * ```md\n * arcs: Indicates that an arcs corner is to be used to join path segments.\n\n * bevel: Indicates that a bevelled corner is to be used to join path segments.\n\n * miter: Indicates that a sharp corner is to be used to join path segments.\n\n * miter-clip: Same as miter but if the 'stroke-miterlimit' is exceeded, the miter is clipped at a miter length equal to the 'stroke-miterlimit' value multiplied by the stroke width.\n\n * round: Indicates that a round corner is to be used to join path segments.\n * ```\n * @param value -\n */\n strokeLinejoin(value: CSSProps['strokeLinejoin']) {\n this.set('stroke-linejoin', value)\n return this\n }\n\n /**\n * When two line segments meet at a sharp angle and miter joins have been specified for 'stroke-linejoin', it is possible for the miter to extend far beyond the thickness of the line stroking the path..\n *\n * syntax: `path { stroke-miterlimit: 4; }`\n *\n * restriction: number\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeMiterlimitProperty\n *\n * @param value -\n */\n strokeMiterlimit(value: CSSProps['strokeMiterlimit']) {\n this.set('stroke-miterlimit', value)\n return this\n }\n\n /**\n * Specifies the opacity of the painting operation used to stroke the current object..\n *\n * syntax: ` `\n *\n * restriction: number(0-1)\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeOpacityProperty\n *\n * @param value -\n */\n strokeOpacity(value: CSSProps['strokeOpacity']) {\n this.set('stroke-opacity', value)\n return this\n }\n\n /**\n * Specifies the width of the stroke on the current object..\n *\n * syntax: ` `\n *\n * restriction: percentage, length\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeWidth\n *\n * @param value -\n */\n strokeWidth(value: CSSProps['strokeWidth']) {\n this.set('stroke-width', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a <symbol> that is appended to the marker representation..\n *\n * syntax: `@counter-style { suffix: '\\2E\\20'; }`\n *\n * restriction: image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-suffix\n *\n * @param value -\n */\n suffix(value: CSSProps['suffix']) {\n this.set('suffix', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies which algorithm will be used to construct the counter's representation based on the counter value..\n * \n * syntax: `@counter-style triangle { system: cyclic; }`\n * \n * restriction: enum, integer\n * \n * browsers: FF33\n * \n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-system\n *\n * values:\n * ```md\n * additive: Represents \"sign-value\" numbering systems, which, rather than using reusing digits in different positions to change their value, define additional digits with much larger values, so that the value of the number can be obtained by adding all the digits together.\n\n * alphabetic: Interprets the list of counter symbols as digits to an alphabetic numbering system, similar to the default lower-alpha counter style, which wraps from \"a\", \"b\", \"c\", to \"aa\", \"ab\", \"ac\".\n\n * cyclic: Cycles repeatedly through its provided symbols, looping back to the beginning when it reaches the end of the list.\n\n * extends: Use the algorithm of another counter style, but alter other aspects.\n\n * fixed: Runs through its list of counter symbols once, then falls back.\n\n * numeric: interprets the list of counter symbols as digits to a \"place-value\" numbering system, similar to the default 'decimal' counter style.\n\n * symbolic: Cycles repeatedly through its provided symbols, doubling, tripling, etc. the symbols on each successive pass through the list.\n * ```\n * @param value -\n */\n system(value: CSSProps['system']) {\n this.set('system', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor..\n *\n * syntax: `@counter-style { symbols: '*' ⁑ † ‡; }`\n *\n * restriction: image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-symbols\n *\n * @param value -\n */\n symbols(value: CSSProps['symbols']) {\n this.set('symbols', value)\n return this\n }\n\n /**\n * Controls the algorithm used to lay out the table cells, rows, and columns..\n * \n * syntax: `table { table-layout: fixed; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#width-layout\n *\n * values:\n * ```md\n * auto: Use any automatic table layout algorithm.\n\n * fixed: Use the fixed table layout algorithm.\n * ```\n * @param value -\n */\n tableLayout(value: CSSProps['tableLayout']) {\n this.set('table-layout', value)\n return this\n }\n\n /**\n * Determines the width of the tab character (U+0009), in space characters (U+0020), when rendered..\n *\n * syntax: `div { tab-size: 4; }`\n *\n * restriction: integer, length\n *\n * browsers: C21,O15,S6.1\n *\n * ref: http://www.w3.org/TR/css3-text/#tab-size\n *\n * @param value -\n */\n tabSize(value: CSSProps['tabSize']) {\n this.set('tab-size', value)\n return this\n }\n\n /**\n * Describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box..\n * \n * syntax: `h2 { text-align: center; }`\n * \n * restriction: string\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#text-align0\n *\n * values:\n * ```md\n * center: The inline contents are centered within the line box.\n\n * end: The inline contents are aligned to the end edge of the line box.\n\n * justify: The text is justified according to the method specified by the 'text-justify' property.\n\n * left: The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text.\n\n * match-parent: This value behaves the same as 'inherit' except that an inherited value of 'start' or 'end' is calculated against its parent's 'direction' value.\n\n * right: The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text.\n\n * start: The inline contents are aligned to the start edge of the line box.\n * ```\n * @param value -\n */\n textAlign(value: CSSProps['textAlign']) {\n this.set('text-align', value)\n return this\n }\n\n /**\n * Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'..\n * \n * syntax: `div { text-align-last: right; }`\n * \n * restriction: enum\n * \n * browsers: E,FF12,IE5\n * \n * ref: http://www.w3.org/TR/css3-text/#text-align-last0\n *\n * values:\n * ```md\n * auto: Content on the affected line is aligned per 'text-align' unless 'text-align' is set to 'justify', in which case it is 'start-aligned'.\n\n * center: The inline contents are centered within the line box.\n\n * end: The inline contents are aligned to the end edge of the line box.\n\n * justify: The text is justified according to the method specified by the 'text-justify' property.\n\n * left: The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text.\n\n * right: The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text.\n\n * start: The inline contents are aligned to the start edge of the line box.\n * ```\n * @param value -\n */\n textAlignLast(value: CSSProps['textAlignLast']) {\n this.set('text-align-last', value)\n return this\n }\n\n /**\n * Used to align (start-, middle- or end-alignment) a string of text relative to a given point..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/text.html#TextAnchorProperty\n *\n * values:\n * ```md\n * end: The rendered characters are aligned such that the end of the resulting rendered text is at the initial current text position.\n\n * middle: The rendered characters are aligned such that the geometric middle of the resulting rendered text is at the initial current text position.\n\n * start: The rendered characters are aligned such that the start of the resulting rendered text is at the initial current text position.\n * ```\n * @param value -\n */\n textAnchor(value: CSSProps['textAnchor']) {\n this.set('text-anchor', value)\n return this\n }\n\n /**\n * Decorations applied to font used for an element's text..\n * \n * syntax: `a:visited { text-decoration: line-through; }`\n * \n * restriction: enum, color\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-style\n *\n * values:\n * ```md\n * dashed: Produces a dashed line style.\n\n * dotted: Produces a dotted line.\n\n * double: Produces a double line.\n\n * line-through: Each line of text has a line through the middle.\n\n * none: Produces no line.\n\n * overline: Each line of text has a line above it.\n\n * solid: Produces a solid line.\n\n * underline: Each line of text is underlined.\n\n * wavy: Produces a wavy line.\n * ```\n * @param value -\n */\n textDecoration(value: CSSProps['textDecoration']) {\n this.set('text-decoration', value)\n return this\n }\n\n /**\n * Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line..\n *\n * syntax: `div { text-decoration-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: FF36,C57,O44\n *\n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-color\n *\n * @param value -\n */\n textDecorationColor(value: CSSProps['textDecorationColor']) {\n this.set('text-decoration-color', value)\n return this\n }\n\n /**\n * Specifies what line decorations, if any, are added to the element..\n * \n * syntax: `div { text-decoration-line: underline; }`\n * \n * restriction: enum\n * \n * browsers: FF36\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-line\n *\n * values:\n * ```md\n * line-through: Each line of text has a line through the middle.\n\n * none: Neither produces nor inhibits text decoration.\n\n * overline: Each line of text has a line above it.\n\n * underline: Each line of text is underlined.\n * ```\n * @param value -\n */\n textDecorationLine(value: CSSProps['textDecorationLine']) {\n this.set('text-decoration-line', value)\n return this\n }\n\n /**\n * Specifies the line style for underline, line-through and overline text decoration..\n * \n * syntax: `div { text-decoration-style: solid; }`\n * \n * restriction: enum\n * \n * browsers: FF36\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-style\n *\n * values:\n * ```md\n * dashed: Produces a dashed line style.\n\n * dotted: Produces a dotted line.\n\n * double: Produces a double line.\n\n * none: Produces no line.\n\n * solid: Produces a solid line.\n\n * wavy: Produces a wavy line.\n * ```\n * @param value -\n */\n textDecorationStyle(value: CSSProps['textDecorationStyle']) {\n this.set('text-decoration-style', value)\n return this\n }\n\n /**\n * Specifies the indentation applied to lines of inline content in a block. The indentation only affects the first line of inline content in the block unless the 'hanging' keyword is specified, in which case it affects all lines except the first..\n * \n * syntax: `li { text-indent: 5px; }`\n * \n * restriction: percentage, length\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#text-indent0\n *\n * values:\n * ```md\n * each-line: Indentation affects the first line of the block container as well as each line after a forced line break, but does not affect lines after a text wrap break.\n\n * hanging: Inverts which lines are affected.\n * ```\n * @param value -\n */\n textIndent(value: CSSProps['textIndent']) {\n this.set('text-indent', value)\n return this\n }\n\n /**\n * Specifies the orientation of text within a line..\n * \n * syntax: `span { text-orientation: mixed; }`\n * \n * restriction: enum\n * \n * browsers: C,O15,S5.1\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#text-orientation\n *\n * values:\n * ```md\n * mixed: In vertical writing modes, characters from horizontal-only scripts are set sideways, i.e. 90° clockwise from their standard orientation in horizontal text.\n\n * sideways: This value is equivalent to 'sideways-right' in 'vertical-rl' writing mode and equivalent to 'sideways-left' in 'vertical-lr' writing mode.\n\n * sideways-left: In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° counter-clockwise.\n\n * sideways-right: In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° clockwise.\n\n * upright: In vertical writing modes, characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation.\n\n * use-glyph-orientation: This value deprecated and only applies to SVG.\n * ```\n * @param value -\n */\n textOrientation(value: CSSProps['textOrientation']) {\n this.set('text-orientation', value)\n return this\n }\n\n /**\n * Text can overflow for example when it is prevented from wrapping..\n * \n * syntax: `span { text-overflow: ellipsis; }`\n * \n * restriction: enum, string\n * \n * browsers: E,C,FF9,IE5.5,O11.6,S2\n * \n * ref: http://www.w3.org/TR/css3-ui/#text-overflow0\n *\n * values:\n * ```md\n * clip: Clip inline content that overflows. Characters may be only partially rendered.\n\n * ellipsis: Render an ellipsis character (U+2026) to represent clipped inline content.\n * ```\n * @param value -\n */\n textOverflow(value: CSSProps['textOverflow']) {\n this.set('text-overflow', value)\n return this\n }\n\n /**\n * The creator of SVG content might want to provide a hint to the implementation about what tradeoffs to make as it renders text. The 'text-rendering' property provides these hints..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C,FF3,O9,S5\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#TextRenderingProperty\n *\n * values:\n * ```md\n * auto: undefined\n\n * geometricPrecision: Indicates that the user agent shall emphasize geometric precision over legibility and rendering speed.\n\n * optimizeLegibility: Indicates that the user agent shall emphasize legibility over rendering speed and geometric precision.\n\n * optimizeSpeed: Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision.\n * ```\n * @param value -\n */\n textRendering(value: CSSProps['textRendering']) {\n this.set('text-rendering', value)\n return this\n }\n\n /**\n * Enables shadow effects to be applied to the text of the element..\n *\n * syntax: `h1 { text-shadow: 20px 12px 2px #333;}`\n *\n * restriction: length, color\n *\n * browsers: E,C,FF3.6,IE10,O9.5,S1.1\n *\n * ref: http://www.w3.org/TR/css3-text/#text-shadow0\n *\n * @param value -\n */\n textShadow(value: CSSProps['textShadow']) {\n this.set('text-shadow', value)\n return this\n }\n\n /**\n * Controls capitalization effects of an element's text..\n * \n * syntax: `h1 { text-transform: capitalize; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#text-transform0\n *\n * values:\n * ```md\n * capitalize: Puts the first typographic letter unit of each word in titlecase.\n\n * full-width: Puts all characters in fullwidth form. If the character does not have corresponding fullwidth form, it is left as is.\n\n * lowercase: Puts all letters in lowercase.\n\n * none: No effects.\n\n * uppercase: Puts all letters in uppercase.\n * ```\n * @param value -\n */\n textTransform(value: CSSProps['textTransform']) {\n this.set('text-transform', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's 'containing block'..\n *\n * syntax: `article { top: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-top\n *\n * @param value -\n */\n top(value: CSSProps['top']) {\n this.set('top', value)\n return this\n }\n\n /**\n * Determines whether touch input may trigger default behavior supplied by user agent..\n * \n * syntax: `div { touch-action: pan-x; }`\n * \n * restriction: enum\n * \n * browsers: E,C36,IE11,O23\n * \n * ref: http://www.w3.org/TR/pointerevents/#the-touch-action-css-property\n *\n * values:\n * ```md\n * auto: The user agent may determine any permitted touch behaviors for touches that begin on the element.\n\n * cross-slide-x: undefined\n\n * cross-slide-y: undefined\n\n * double-tap-zoom: undefined\n\n * manipulation: The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming.\n\n * none: Touches that begin on the element must not trigger default touch behaviors.\n\n * pan-x: The user agent may consider touches that begin on the element only for the purposes of horizontally scrolling the element's nearest ancestor with horizontally scrollable content.\n\n * pan-y: The user agent may consider touches that begin on the element only for the purposes of vertically scrolling the element's nearest ancestor with vertically scrollable content.\n\n * pinch-zoom: undefined\n * ```\n * @param value -\n */\n touchAction(value: CSSProps['touchAction']) {\n this.set('touch-action', value)\n return this\n }\n\n /**\n * A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG..\n * \n * syntax: `div { transform: rotate(-90deg); }`\n * \n * restriction: enum\n * \n * browsers: E,C36,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-transforms/#transform-property\n *\n * values:\n * ```md\n * matrix(): Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]\n\n * matrix3d(): Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.\n\n * none: undefined\n\n * perspective(): Specifies a perspective projection matrix.\n\n * rotate(): Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.\n\n * rotate3d(): Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.\n\n * rotateX('angle'): Specifies a clockwise rotation by the given angle about the X axis.\n\n * rotateY('angle'): Specifies a clockwise rotation by the given angle about the Y axis.\n\n * rotateZ('angle'): Specifies a clockwise rotation by the given angle about the Z axis.\n\n * scale(): Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.\n\n * scale3d(): Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.\n\n * scaleX(): Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.\n\n * scaleY(): Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.\n\n * scaleZ(): Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.\n\n * skew(): Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).\n\n * skewX(): Specifies a skew transformation along the X axis by the given angle.\n\n * skewY(): Specifies a skew transformation along the Y axis by the given angle.\n\n * translate(): Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.\n\n * translate3d(): Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.\n\n * translateX(): Specifies a translation by the given amount in the X direction.\n\n * translateY(): Specifies a translation by the given amount in the Y direction.\n\n * translateZ(): Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.\n * ```\n * @param value -\n */\n transform(value: CSSProps['transform']) {\n this.set('transform', value)\n return this\n }\n\n /**\n * Establishes the origin of transformation for an element..\n *\n * syntax: `.album { transform-origin: 20% 40%; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: E,C36,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-transforms/#propdef-transform-origin\n *\n * @param value -\n */\n transformOrigin(value: CSSProps['transformOrigin']) {\n this.set('transform-origin', value)\n return this\n }\n\n /**\n * Defines how nested elements are rendered in 3D space..\n * \n * syntax: `div { transform-style: flat; }`\n * \n * restriction: enum\n * \n * browsers: E,C36,FF16,IE10,O23,S9\n * \n * ref: http://www.w3.org/TR/css3-transforms/#propdef-transform-style\n *\n * values:\n * ```md\n * flat: All children of this element are rendered flattened into the 2D plane of the element.\n\n * preserve-3d: Flattening is not performed, so children maintain their position in 3D space.\n * ```\n * @param value -\n */\n transformStyle(value: CSSProps['transformStyle']) {\n this.set('transform-style', value)\n return this\n }\n\n /**\n * Shorthand property combines four of the transition properties into a single property..\n * \n * syntax: `div { transition: background-color linear 1s; }`\n * \n * restriction: time, property, timing-function, enum\n * \n * browsers: E,FF16,IE10,O12.5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n transition(value: CSSProps['transition']) {\n this.set('transition', value)\n return this\n }\n\n /**\n * Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied..\n *\n * syntax: `div { transition-delay: 1s; }`\n *\n * restriction: time\n *\n * browsers: E,FF16,IE10,O12.5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-delay\n *\n * @param value -\n */\n transitionDelay(value: CSSProps['transitionDelay']) {\n this.set('transition-delay', value)\n return this\n }\n\n /**\n * Specifies how long the transition from the old value to the new value should take..\n *\n * syntax: `div { transition-duration: 1s; }`\n *\n * restriction: time\n *\n * browsers: E,FF16,IE10,O12.5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-duration\n *\n * @param value -\n */\n transitionDuration(value: CSSProps['transitionDuration']) {\n this.set('transition-duration', value)\n return this\n }\n\n /**\n * Specifies the name of the CSS property to which the transition is applied..\n * \n * syntax: `div { transition-property: background-color; }`\n * \n * restriction: property\n * \n * browsers: E,FF16,IE10,O12.5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition-property\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n transitionProperty(value: CSSProps['transitionProperty']) {\n this.set('transition-property', value)\n return this\n }\n\n /**\n * Describes how the intermediate values used during a transition will be calculated..\n *\n * syntax: `div { transition-timing-function: linear; }`\n *\n * restriction: timing-function\n *\n * browsers: E,FF16,IE10,O12.5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-timing-function\n *\n * @param value -\n */\n transitionTimingFunction(value: CSSProps['transitionTimingFunction']) {\n this.set('transition-timing-function', value)\n return this\n }\n\n /**\n * The level of embedding with respect to the bidirectional algorithm..\n * \n * syntax: `p { unicode-bidi: embed; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi\n *\n * values:\n * ```md\n * bidi-override: Inside the element, reordering is strictly in sequence according to the 'direction' property; the implicit part of the bidirectional algorithm is ignored.\n\n * embed: If the element is inline-level, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the 'direction' property.\n\n * isolate: The contents of the element are considered to be inside a separate, independent paragraph.\n\n * isolate-override: This combines the isolation behavior of 'isolate' with the directional override behavior of 'bidi-override'\n\n * normal: The element does not open an additional level of embedding with respect to the bidirectional algorithm. For inline-level elements, implicit reordering works across element boundaries.\n\n * plaintext: For the purposes of the Unicode bidirectional algorithm, the base directionality of each bidi paragraph for which the element forms the containing block is determined not by the element's computed 'direction'.\n * ```\n * @param value -\n */\n unicodeBidi(value: CSSProps['unicodeBidi']) {\n this.set('unicode-bidi', value)\n return this\n }\n\n /**\n * `@`font-face descriptor. Defines the set of Unicode codepoints that may be supported by the font face for which it is declared..\n * \n * syntax: `@font-face { unicode-range: U+26; }`\n * \n * restriction: unicode-range\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#unicode-range-desc\n *\n * values:\n * ```md\n * U+26: Ampersand.\n\n * U+20-24F, U+2B0-2FF, U+370-4FF, U+1E00-1EFF, U+2000-20CF, U+2100-23FF, U+2500-26FF, U+E000-F8FF, U+FB00-FB4F: WGL4 character set (Pan-European).\n\n * U+20-17F, U+2B0-2FF, U+2000-206F, U+20A0-20CF, U+2100-21FF, U+2600-26FF: The Multilingual European Subset No. 1. Latin. Covers ~44 languages.\n\n * U+20-2FF, U+370-4FF, U+1E00-20CF, U+2100-23FF, U+2500-26FF, U+FB00-FB4F, U+FFF0-FFFD: The Multilingual European Subset No. 2. Latin, Greek, and Cyrillic. Covers ~128 language.\n\n * U+20-4FF, U+530-58F, U+10D0-10FF, U+1E00-23FF, U+2440-245F, U+2500-26FF, U+FB00-FB4F, U+FE20-FE2F, U+FFF0-FFFD: The Multilingual European Subset No. 3. Covers all characters belonging to European scripts.\n\n * U+00-7F: Basic Latin (ASCII).\n\n * U+80-FF: Latin-1 Supplement. Accented characters for Western European languages, common punctuation characters, multiplication and division signs.\n\n * U+100-17F: Latin Extended-A. Accented characters for for Czech, Dutch, Polish, and Turkish.\n\n * U+180-24F: Latin Extended-B. Croatian, Slovenian, Romanian, Non-European and historic latin, Khoisan, Pinyin, Livonian, Sinology.\n\n * U+1E00-1EFF: Latin Extended Additional. Vietnamese, German captial sharp s, Medievalist, Latin general use.\n\n * U+250-2AF: International Phonetic Alphabet Extensions.\n\n * U+370-3FF: Greek and Coptic.\n\n * U+1F00-1FFF: Greek Extended. Accented characters for polytonic Greek.\n\n * U+400-4FF: Cyrillic.\n\n * U+500-52F: Cyrillic Supplement. Extra letters for Komi, Khanty, Chukchi, Mordvin, Kurdish, Aleut, Chuvash, Abkhaz, Azerbaijani, and Orok.\n\n * U+00-52F, U+1E00-1FFF, U+2200-22FF: Latin, Greek, Cyrillic, some punctuation and symbols.\n\n * U+530-58F: Armenian.\n\n * U+590-5FF: Hebrew.\n\n * U+600-6FF: Arabic.\n\n * U+750-77F: Arabic Supplement. Additional letters for African languages, Khowar, Torwali, Burushaski, and early Persian.\n\n * U+8A0-8FF: Arabic Extended-A. Additional letters for African languages, European and Central Asian languages, Rohingya, Tamazight, Arwi, and Koranic annotation signs.\n\n * U+700-74F: Syriac.\n\n * U+900-97F: Devanagari.\n\n * U+980-9FF: Bengali.\n\n * U+A00-A7F: Gurmukhi.\n\n * U+A80-AFF: Gujarati.\n\n * U+B00-B7F: Oriya.\n\n * U+B80-BFF: Tamil.\n\n * U+C00-C7F: Telugu.\n\n * U+C80-CFF: Kannada.\n\n * U+D00-D7F: Malayalam.\n\n * U+D80-DFF: Sinhala.\n\n * U+118A0-118FF: Warang Citi.\n\n * U+E00-E7F: Thai.\n\n * U+1A20-1AAF: Tai Tham.\n\n * U+AA80-AADF: Tai Viet.\n\n * U+E80-EFF: Lao.\n\n * U+F00-FFF: Tibetan.\n\n * U+1000-109F: Myanmar (Burmese).\n\n * U+10A0-10FF: Georgian.\n\n * U+1200-137F: Ethiopic.\n\n * U+1380-139F: Ethiopic Supplement. Extra Syllables for Sebatbeit, and Tonal marks\n\n * U+2D80-2DDF: Ethiopic Extended. Extra Syllables for Me'en, Blin, and Sebatbeit.\n\n * U+AB00-AB2F: Ethiopic Extended-A. Extra characters for Gamo-Gofa-Dawro, Basketo, and Gumuz.\n\n * U+1780-17FF: Khmer.\n\n * U+1800-18AF: Mongolian.\n\n * U+1B80-1BBF: Sundanese.\n\n * U+1CC0-1CCF: Sundanese Supplement. Punctuation.\n\n * U+4E00-9FD5: CJK (Chinese, Japanese, Korean) Unified Ideographs. Most common ideographs for modern Chinese and Japanese.\n\n * U+3400-4DB5: CJK Unified Ideographs Extension A. Rare ideographs.\n\n * U+2F00-2FDF: Kangxi Radicals.\n\n * U+2E80-2EFF: CJK Radicals Supplement. Alternative forms of Kangxi Radicals.\n\n * U+1100-11FF: Hangul Jamo.\n\n * U+AC00-D7AF: Hangul Syllables.\n\n * U+3040-309F: Hiragana.\n\n * U+30A0-30FF: Katakana.\n\n * U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F: Japanese Kanji, Hiragana and Katakana characters plus Yen/Yuan symbol.\n\n * U+A4D0-A4FF: Lisu.\n\n * U+A000-A48F: Yi Syllables.\n\n * U+A490-A4CF: Yi Radicals.\n\n * U+2000-206F: General Punctuation.\n\n * U+3000-303F: CJK Symbols and Punctuation.\n\n * U+2070-209F: Superscripts and Subscripts.\n\n * U+20A0-20CF: Currency Symbols.\n\n * U+2100-214F: Letterlike Symbols.\n\n * U+2150-218F: Number Forms.\n\n * U+2190-21FF: Arrows.\n\n * U+2200-22FF: Mathematical Operators.\n\n * U+2300-23FF: Miscellaneous Technical.\n\n * U+E000-F8FF: Private Use Area.\n\n * U+FB00-FB4F: Alphabetic Presentation Forms. Ligatures for latin, Armenian, and Hebrew.\n\n * U+FB50-FDFF: Arabic Presentation Forms-A. Contextual forms / ligatures for Persian, Urdu, Sindhi, Central Asian languages, etc, Arabic pedagogical symbols, word ligatures.\n\n * U+1F600-1F64F: Emoji: Emoticons.\n\n * U+2600-26FF: Emoji: Miscellaneous Symbols.\n\n * U+1F300-1F5FF: Emoji: Miscellaneous Symbols and Pictographs.\n\n * U+1F900-1F9FF: Emoji: Supplemental Symbols and Pictographs.\n\n * U+1F680-1F6FF: Emoji: Transport and Map Symbols.\n * ```\n * @param value -\n */\n unicodeRange(value: CSSProps['unicodeRange']) {\n this.set('unicode-range', value)\n return this\n }\n\n /**\n * Controls the appearance of selection..\n * \n * syntax: `div { user-select: text; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-ui-4/#propdef-user-select\n *\n * values:\n * ```md\n * all: The content of the element must be selected atomically\n\n * auto: undefined\n\n * contain: UAs must not allow a selection which is started in this element to be extended outside of this element.\n\n * none: The UA must not allow selections to be started in this element.\n\n * text: The element imposes no constraint on the selection.\n * ```\n * @param value -\n */\n userSelect(value: CSSProps['userSelect']) {\n this.set('user-select', value)\n return this\n }\n\n /**\n * Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box..\n * \n * syntax: `div { vertical-align: middle; }`\n * \n * restriction: percentage, length\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-linebox/#vertical-align\n *\n * values:\n * ```md\n * alphabetic: Match the box's alphabetic baseline to that of its parent.\n\n * auto: Align the dominant baseline of the parent box with the equivalent, or heuristically reconstructed, baseline of the element inline box.\n\n * baseline: Align the 'alphabetic' baseline of the element with the 'alphabetic' baseline of the parent element.\n\n * bottom: Align the after edge of the extended inline box with the after-edge of the line box.\n\n * center: Align the center of the aligned subtree with the center of the line box.\n\n * central: Align the 'central' baseline of the inline element with the central baseline of the parent.\n\n * mathematical: Match the box's mathematical baseline to that of its parent.\n\n * middle: Align the 'middle' baseline of the inline element with the middle baseline of the parent.\n\n * sub: Lower the baseline of the box to the proper position for subscripts of the parent's box. (This value has no effect on the font size of the element's text.)\n\n * super: Raise the baseline of the box to the proper position for superscripts of the parent's box. (This value has no effect on the font size of the element's text.)\n\n * text-bottom: Align the bottom of the box with the after-edge of the parent element's font.\n\n * text-top: Align the top of the box with the before-edge of the parent element's font.\n\n * top: Align the before edge of the extended inline box with the before-edge of the line box.\n\n * -webkit-baseline-middle: undefined\n * ```\n * @param value -\n */\n verticalAlign(value: CSSProps['verticalAlign']) {\n this.set('vertical-align', value)\n return this\n }\n\n /**\n * Specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the 'display' property to 'none' to suppress box generation altogether)..\n * \n * syntax: `img { visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#visibility\n *\n * values:\n * ```md\n * collapse: Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'.\n\n * hidden: The generated box is invisible (fully transparent, nothing is drawn), but still affects layout.\n\n * visible: The generated box is visible.\n * ```\n * @param value -\n */\n visibility(value: CSSProps['visibility']) {\n this.set('visibility', value)\n return this\n }\n\n /**\n * Shorthand property combines six of the animation properties into a single property..\n * \n * syntax: `div { -webkit-animation: movearound 4s ease 3 normal; }`\n * \n * restriction: time, enum, timing-function, identifier, number\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * infinite: Causes the animation to repeat forever.\n\n * none: No animation is performed\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n webkitAnimation(value: CSSProps['webkitAnimation']) {\n this.set('-webkit-animation', value)\n return this\n }\n\n /**\n * Defines when the animation will start..\n *\n * syntax: `div { -webkit-animation-delay: 4s; }`\n *\n * restriction: time\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-delay\n *\n * @param value -\n */\n webkitAnimationDelay(value: CSSProps['webkitAnimationDelay']) {\n this.set('-webkit-animation-delay', value)\n return this\n }\n\n /**\n * Defines whether or not the animation should play in reverse on alternate cycles..\n * \n * syntax: `div { -webkit-animation-direction: normal; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-direction\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n webkitAnimationDirection(value: CSSProps['webkitAnimationDirection']) {\n this.set('-webkit-animation-direction', value)\n return this\n }\n\n /**\n * Defines the length of time that an animation takes to complete one cycle..\n *\n * syntax: `div { -webkit-animation-duration: 4s; }`\n *\n * restriction: time\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-duration\n *\n * @param value -\n */\n webkitAnimationDuration(value: CSSProps['webkitAnimationDuration']) {\n this.set('-webkit-animation-duration', value)\n return this\n }\n\n /**\n * Defines what values are applied by the animation outside the time it is executing..\n * \n * syntax: `div { -webkit-animation-fill-mode: forwards; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-fill-mode-property\n *\n * values:\n * ```md\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * none: There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes.\n * ```\n * @param value -\n */\n webkitAnimationFillMode(value: CSSProps['webkitAnimationFillMode']) {\n this.set('-webkit-animation-fill-mode', value)\n return this\n }\n\n /**\n * Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once..\n *\n * syntax: `div { -webkit-animation-iteration-count: 3; }`\n *\n * restriction: number, enum\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-iteration-count\n *\n * @param value -\n */\n webkitAnimationIterationCount(\n value: CSSProps['webkitAnimationIterationCount'],\n ) {\n this.set('-webkit-animation-iteration-count', value)\n return this\n }\n\n /**\n * Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation..\n *\n * syntax: `div { -webkit-animation-name: movearound; }`\n *\n * restriction: identifier, enum\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#the-animation-name-property-\n *\n * @param value -\n */\n webkitAnimationName(value: CSSProps['webkitAnimationName']) {\n this.set('-webkit-animation-name', value)\n return this\n }\n\n /**\n * Defines whether the animation is running or paused..\n * \n * syntax: `div { -webkit-animation-play-state: running; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-play-state\n *\n * values:\n * ```md\n * paused: A running animation will be paused.\n\n * running: Resume playback of a paused animation.\n * ```\n * @param value -\n */\n webkitAnimationPlayState(value: CSSProps['webkitAnimationPlayState']) {\n this.set('-webkit-animation-play-state', value)\n return this\n }\n\n /**\n * Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'..\n *\n * syntax: `div { -webkit-animation-timing-function: ease; }`\n *\n * restriction: timing-function\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-timing-function\n *\n * @param value -\n */\n webkitAnimationTimingFunction(\n value: CSSProps['webkitAnimationTimingFunction'],\n ) {\n this.set('-webkit-animation-timing-function', value)\n return this\n }\n\n /**\n * Changes the appearance of buttons and other controls to resemble native controls..\n * \n * syntax: `h3 { -webkit-appearance: button; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-appearance\n *\n * values:\n * ```md\n * button: undefined\n\n * button-bevel: undefined\n\n * caps-lock-indicator: undefined\n\n * caret: undefined\n\n * checkbox: undefined\n\n * default-button: undefined\n\n * listbox: undefined\n\n * listitem: undefined\n\n * media-fullscreen-button: undefined\n\n * media-mute-button: undefined\n\n * media-play-button: undefined\n\n * media-seek-back-button: undefined\n\n * media-seek-forward-button: undefined\n\n * media-slider: undefined\n\n * media-sliderthumb: undefined\n\n * menulist: undefined\n\n * menulist-button: undefined\n\n * menulist-text: undefined\n\n * menulist-textfield: undefined\n\n * none: undefined\n\n * push-button: undefined\n\n * radio: undefined\n\n * scrollbarbutton-down: undefined\n\n * scrollbarbutton-left: undefined\n\n * scrollbarbutton-right: undefined\n\n * scrollbarbutton-up: undefined\n\n * scrollbargripper-horizontal: undefined\n\n * scrollbargripper-vertical: undefined\n\n * scrollbarthumb-horizontal: undefined\n\n * scrollbarthumb-vertical: undefined\n\n * scrollbartrack-horizontal: undefined\n\n * scrollbartrack-vertical: undefined\n\n * searchfield: undefined\n\n * searchfield-cancel-button: undefined\n\n * searchfield-decoration: undefined\n\n * searchfield-results-button: undefined\n\n * searchfield-results-decoration: undefined\n\n * slider-horizontal: undefined\n\n * sliderthumb-horizontal: undefined\n\n * sliderthumb-vertical: undefined\n\n * slider-vertical: undefined\n\n * square-button: undefined\n\n * textarea: undefined\n\n * textfield: undefined\n * ```\n * @param value -\n */\n webkitAppearance(value: CSSProps['webkitAppearance']) {\n this.set('-webkit-appearance', value)\n return this\n }\n\n /**\n * Applies a filter effect where the first filter in the list takes the element's background image as the input image..\n * \n * syntax: `div { backdrop-filter: blur(2px); }`\n * \n * restriction: enum, url\n * \n * browsers: S9\n * \n * ref: https://drafts.fxtf.org/filters-2/#propdef-backdrop-filter\n *\n * values:\n * ```md\n * none: No filter effects are applied.\n\n * blur(): Applies a Gaussian blur to the input image.\n\n * brightness(): Applies a linear multiplier to input image, making it appear more or less bright.\n\n * contrast(): Adjusts the contrast of the input.\n\n * drop-shadow(): Applies a drop shadow effect to the input image.\n\n * grayscale(): Converts the input image to grayscale.\n\n * hue-rotate(): Applies a hue rotation on the input image. \n\n * invert(): Inverts the samples in the input image.\n\n * opacity(): Applies transparency to the samples in the input image.\n\n * saturate(): Saturates the input image.\n\n * sepia(): Converts the input image to sepia.\n\n * url(): A filter reference to a <filter> element.\n * ```\n * @param value -\n */\n backdropFilter(value: CSSProps['backdropFilter']) {\n this.set('backdrop-filter', value)\n return this\n }\n\n /**\n * Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer..\n * \n * syntax: `div { -webkit-backface-visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-3d-transforms/#backface-visibility\n *\n * values:\n * ```md\n * hidden: undefined\n\n * visible: undefined\n * ```\n * @param value -\n */\n webkitBackfaceVisibility(value: CSSProps['webkitBackfaceVisibility']) {\n this.set('-webkit-backface-visibility', value)\n return this\n }\n\n /**\n * Determines the background painting area..\n *\n * syntax: `header { -webkit-background-clip: border-box; }`\n *\n * restriction: box\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-clip\n *\n * @param value -\n */\n webkitBackgroundClip(value: CSSProps['webkitBackgroundClip']) {\n this.set('-webkit-background-clip', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-background-composite: padding; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * border: undefined\n\n * padding: undefined\n * ```\n * @param value -\n */\n webkitBackgroundComposite(value: CSSProps['webkitBackgroundComposite']) {\n this.set('-webkit-background-composite', value)\n return this\n }\n\n /**\n * For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s)..\n *\n * syntax: `header { -webkit-background-origin: border-box; }`\n *\n * restriction: box\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-origin\n *\n * @param value -\n */\n webkitBackgroundOrigin(value: CSSProps['webkitBackgroundOrigin']) {\n this.set('-webkit-background-origin', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values..\n * \n * syntax: `td { -webkit-border-image: url(border.png) 30 30 round;}`\n * \n * restriction: length, percentage, number, url, enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-background/#border-image\n *\n * values:\n * ```md\n * auto: If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead.\n\n * fill: Causes the middle part of the border-image to be preserved.\n\n * none: undefined\n\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n\n * url(): undefined\n * ```\n * @param value -\n */\n webkitBorderImage(value: CSSProps['webkitBorderImage']) {\n this.set('-webkit-border-image', value)\n return this\n }\n\n /**\n * Specifies the alignment of nested elements within an outer flexible box element..\n * \n * syntax: `div { -webkit-box-align: end; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-align\n *\n * values:\n * ```md\n * baseline: If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used.\n\n * center: Any extra space is divided evenly, with half placed above the child and the other half placed after the child.\n\n * end: For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element.\n\n * start: For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element.\n\n * stretch: The height of each child is adjusted to that of the containing block.\n * ```\n * @param value -\n */\n webkitBoxAlign(value: CSSProps['webkitBoxAlign']) {\n this.set('-webkit-box-align', value)\n return this\n }\n\n /**\n * In webkit applications, -webkit-box-direction specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)..\n * \n * syntax: `div { -webkit-box-direction: reverse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-direction\n *\n * values:\n * ```md\n * normal: A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom.\n\n * reverse: A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top.\n * ```\n * @param value -\n */\n webkitBoxDirection(value: CSSProps['webkitBoxDirection']) {\n this.set('-webkit-box-direction', value)\n return this\n }\n\n /**\n * Specifies an element's flexibility..\n *\n * syntax: `div { -webkit-box-flex: 1; }`\n *\n * restriction: number\n *\n * browsers: C,S3\n *\n * ref: http://css-infos.net/property/-webkit-box-flex\n *\n * @param value -\n */\n webkitBoxFlex(value: CSSProps['webkitBoxFlex']) {\n this.set('-webkit-box-flex', value)\n return this\n }\n\n /**\n * Flexible elements can be assigned to flex groups using the 'box-flex-group' property..\n *\n * syntax: `div { -webkit-box-flex-group: 4; }`\n *\n * restriction: integer\n *\n * browsers: C,S3\n *\n * ref: http://css-infos.net/property/-webkit-box-flex-group\n *\n * @param value -\n */\n webkitBoxFlexGroup(value: CSSProps['webkitBoxFlexGroup']) {\n this.set('-webkit-box-flex-group', value)\n return this\n }\n\n /**\n * Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group..\n *\n * syntax: `div { -webkit-box-ordinal-group: 3; }`\n *\n * restriction: integer\n *\n * browsers: C,S3\n *\n * ref: http://css-infos.net/property/-webkit-box-ordinal-group\n *\n * @param value -\n */\n webkitBoxOrdinalGroup(value: CSSProps['webkitBoxOrdinalGroup']) {\n this.set('-webkit-box-ordinal-group', value)\n return this\n }\n\n /**\n * In webkit applications, -webkit-box-orient specifies whether a box lays out its contents horizontally or vertically..\n * \n * syntax: `div { -webkit-box-orient: vertical; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-orient\n *\n * values:\n * ```md\n * block-axis: Elements are oriented along the box's axis.\n\n * horizontal: The box displays its children from left to right in a horizontal line.\n\n * inline-axis: Elements are oriented vertically.\n\n * vertical: The box displays its children from stacked from top to bottom vertically.\n * ```\n * @param value -\n */\n webkitBoxOrient(value: CSSProps['webkitBoxOrient']) {\n this.set('-webkit-box-orient', value)\n return this\n }\n\n /**\n * Specifies alignment of child elements within the current element in the direction of orientation..\n * \n * syntax: `div { -webkit-box-pack: end; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-pack\n *\n * values:\n * ```md\n * center: The extra space is divided evenly, with half placed before the first child and the other half placed after the last child.\n\n * end: For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child.\n\n * justify: The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start.\n\n * start: For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child.\n * ```\n * @param value -\n */\n webkitBoxPack(value: CSSProps['webkitBoxPack']) {\n this.set('-webkit-box-pack', value)\n return this\n }\n\n /**\n * Defines a reflection of a border box..\n * \n * syntax: `div { -webkit-box-reflect: below 5px; }`\n * \n * restriction: \n * \n * browsers: C,S4\n * \n * ref: http://css-infos.net/property/-webkit-box-reflect\n *\n * values:\n * ```md\n * above: The reflection appears above the border box.\n\n * below: The reflection appears below the border box.\n\n * left: The reflection appears to the left of the border box.\n\n * right: The reflection appears to the right of the border box.\n * ```\n * @param value -\n */\n webkitBoxReflect(value: CSSProps['webkitBoxReflect']) {\n this.set('-webkit-box-reflect', value)\n return this\n }\n\n /**\n * Box Model addition in CSS3..\n * \n * syntax: `div { -webkit-box-sizing: content-box; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-ui/#box-sizing\n *\n * values:\n * ```md\n * border-box: The specified width and height (and respective min/max properties) on this element determine the border box of the element.\n\n * content-box: Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element.\n * ```\n * @param value -\n */\n webkitBoxSizing(value: CSSProps['webkitBoxSizing']) {\n this.set('-webkit-box-sizing', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-break-after: column; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitBreakAfter(value: CSSProps['webkitBreakAfter']) {\n this.set('-webkit-break-after', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-break-before: column; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitBreakBefore(value: CSSProps['webkitBreakBefore']) {\n this.set('-webkit-break-before', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior inside the generated box..\n * \n * syntax: `h2 { -webkit-break-inside: avoid-column; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * auto: Neither force nor forbid a page/column break inside the generated box.\n\n * avoid: Avoid a page/column break inside the generated box.\n\n * avoid-column: Avoid a column break inside the generated box.\n\n * avoid-page: Avoid a page break inside the generated box.\n\n * avoid-region: undefined\n * ```\n * @param value -\n */\n webkitBreakInside(value: CSSProps['webkitBreakInside']) {\n this.set('-webkit-break-inside', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-column-break-after: column; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitColumnBreakAfter(value: CSSProps['webkitColumnBreakAfter']) {\n this.set('-webkit-column-break-after', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-column-break-before: column; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitColumnBreakBefore(value: CSSProps['webkitColumnBreakBefore']) {\n this.set('-webkit-column-break-before', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior inside the generated box..\n * \n * syntax: `h2 { -webkit-column-break-inside: avoid-column; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * auto: Neither force nor forbid a page/column break inside the generated box.\n\n * avoid: Avoid a page/column break inside the generated box.\n\n * avoid-column: Avoid a column break inside the generated box.\n\n * avoid-page: Avoid a page break inside the generated box.\n\n * avoid-region: undefined\n * ```\n * @param value -\n */\n webkitColumnBreakInside(value: CSSProps['webkitColumnBreakInside']) {\n this.set('-webkit-column-break-inside', value)\n return this\n }\n\n /**\n * Describes the optimal number of columns into which the content of the element will be flowed..\n *\n * syntax: `div { -webkit-column-count: 3; }`\n *\n * restriction: integer\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-count\n *\n * @param value -\n */\n webkitColumnCount(value: CSSProps['webkitColumnCount']) {\n this.set('-webkit-column-count', value)\n return this\n }\n\n /**\n * Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap..\n *\n * syntax: `div { -webkit-column-gap: 10px; }`\n *\n * restriction: length\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-gap0\n *\n * @param value -\n */\n webkitColumnGap(value: CSSProps['webkitColumnGap']) {\n this.set('-webkit-column-gap', value)\n return this\n }\n\n /**\n * This property is a shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values..\n *\n * syntax: `header { -webkit-column-rule: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule0\n *\n * @param value -\n */\n webkitColumnRule(value: CSSProps['webkitColumnRule']) {\n this.set('-webkit-column-rule', value)\n return this\n }\n\n /**\n * Sets the color of the column rule.\n *\n * syntax: `div { -webkit-column-rule-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-color\n *\n * @param value -\n */\n webkitColumnRuleColor(value: CSSProps['webkitColumnRuleColor']) {\n this.set('-webkit-column-rule-color', value)\n return this\n }\n\n /**\n * Sets the style of the rule between columns of an element..\n *\n * syntax: `div { -webkit-column-rule-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-style\n *\n * @param value -\n */\n webkitColumnRuleStyle(value: CSSProps['webkitColumnRuleStyle']) {\n this.set('-webkit-column-rule-style', value)\n return this\n }\n\n /**\n * Sets the width of the rule between columns. Negative values are not allowed..\n *\n * syntax: `div { -webkit-column-rule-width: 3px; }`\n *\n * restriction: length, line-width\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-width\n *\n * @param value -\n */\n webkitColumnRuleWidth(value: CSSProps['webkitColumnRuleWidth']) {\n this.set('-webkit-column-rule-width', value)\n return this\n }\n\n /**\n * A shorthand property which sets both 'column-width' and 'column-count'..\n *\n * syntax: `div { -webkit-columns: 100px 3; }`\n *\n * restriction: length, integer\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#columns0\n *\n * @param value -\n */\n webkitColumns(value: CSSProps['webkitColumns']) {\n this.set('-webkit-columns', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior after the generated box..\n * \n * syntax: `article { -webkit-column-span: all; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-span0\n *\n * values:\n * ```md\n * all: The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear.\n\n * none: The element does not span multiple columns.\n * ```\n * @param value -\n */\n webkitColumnSpan(value: CSSProps['webkitColumnSpan']) {\n this.set('-webkit-column-span', value)\n return this\n }\n\n /**\n * This property describes the width of columns in multicol elements..\n *\n * syntax: `div { -webkit-column-width: 100px; }`\n *\n * restriction: length\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-width\n *\n * @param value -\n */\n webkitColumnWidth(value: CSSProps['webkitColumnWidth']) {\n this.set('-webkit-column-width', value)\n return this\n }\n\n /**\n * Processes an element's rendering before it is displayed in the document, by applying one or more filter effects..\n * \n * syntax: `img { -webkit-filter: blur(3px); }`\n * \n * restriction: enum, url\n * \n * browsers: C18,O15,S6\n * \n * ref: http://www.w3.org/TR/filter-effects/#propdef-filter\n *\n * values:\n * ```md\n * none: No filter effects are applied.\n\n * blur(): Applies a Gaussian blur to the input image.\n\n * brightness(): Applies a linear multiplier to input image, making it appear more or less bright.\n\n * contrast(): Adjusts the contrast of the input.\n\n * drop-shadow(): Applies a drop shadow effect to the input image.\n\n * grayscale(): Converts the input image to grayscale.\n\n * hue-rotate(): Applies a hue rotation on the input image. \n\n * invert(): Inverts the samples in the input image.\n\n * opacity(): Applies transparency to the samples in the input image.\n\n * saturate(): Saturates the input image.\n\n * sepia(): Converts the input image to sepia.\n\n * url(): A filter reference to a <filter> element.\n * ```\n * @param value -\n */\n webkitFilter(value: CSSProps['webkitFilter']) {\n this.set('-webkit-filter', value)\n return this\n }\n\n /**\n * Makes a block container a region and associates it with a named flow..\n *\n * syntax: `div { -webkit-flow-from: identifier; }`\n *\n * restriction: identifier\n *\n * browsers: S6.1\n *\n * ref: http://www.w3.org/TR/css3-regions/#flow-from\n *\n * @param value -\n */\n webkitFlowFrom(value: CSSProps['webkitFlowFrom']) {\n this.set('-webkit-flow-from', value)\n return this\n }\n\n /**\n * Places an element or its contents into a named flow..\n *\n * syntax: `div { -webkit-flow-into: identifier; }`\n *\n * restriction: identifier\n *\n * browsers: S6.1\n *\n * ref: http://www.w3.org/TR/css3-regions/#flow-into\n *\n * @param value -\n */\n webkitFlowInto(value: CSSProps['webkitFlowInto']) {\n this.set('-webkit-flow-into', value)\n return this\n }\n\n /**\n * This property provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case..\n * \n * syntax: `body { -webkit-font-feature-settings: 'hwid'; }`\n * \n * restriction: string, integer\n * \n * browsers: C16\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings\n *\n * values:\n * ```md\n * c2cs: undefined\n\n * dlig: undefined\n\n * kern: undefined\n\n * liga: undefined\n\n * lnum: undefined\n\n * onum: undefined\n\n * smcp: undefined\n\n * swsh: undefined\n\n * tnum: undefined\n\n * normal: No change in glyph substitution or positioning occurs.\n\n * off: undefined\n\n * on: undefined\n * ```\n * @param value -\n */\n webkitFontFeatureSettings(value: CSSProps['webkitFontFeatureSettings']) {\n this.set('-webkit-font-feature-settings', value)\n return this\n }\n\n /**\n * Controls whether hyphenation is allowed to create more break opportunities within a line of text..\n * \n * syntax: `div { -webkit-hyphens: manual; }`\n * \n * restriction: enum\n * \n * browsers: S5.1\n * \n * ref: http://www.w3.org/TR/css3-text/#hyphens0\n *\n * values:\n * ```md\n * auto: Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.\n\n * manual: Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities\n\n * none: Words are not broken at line breaks, even if characters inside the word suggest line break points.\n * ```\n * @param value -\n */\n webkitHyphens(value: CSSProps['webkitHyphens']) {\n this.set('-webkit-hyphens', value)\n return this\n }\n\n /**\n * Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text..\n * \n * syntax: `p { -webkit-line-break: normal; }`\n * \n * restriction: \n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-line-break\n *\n * values:\n * ```md\n * after-white-space: undefined\n\n * normal: undefined\n * ```\n * @param value -\n */\n webkitLineBreak(value: CSSProps['webkitLineBreak']) {\n this.set('-webkit-line-break', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-margin-bottom-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * collapse: undefined\n\n * discard: undefined\n\n * separate: undefined\n * ```\n * @param value -\n */\n webkitMarginBottomCollapse(value: CSSProps['webkitMarginBottomCollapse']) {\n this.set('-webkit-margin-bottom-collapse', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-margin-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * collapse: undefined\n\n * discard: undefined\n\n * separate: undefined\n * ```\n * @param value -\n */\n webkitMarginCollapse(value: CSSProps['webkitMarginCollapse']) {\n this.set('-webkit-margin-collapse', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-margin-start: 5px; }`\n *\n * restriction: percentage, length\n *\n * browsers: C,S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitMarginStart(value: CSSProps['webkitMarginStart']) {\n this.set('-webkit-margin-start', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-margin-top-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * collapse: undefined\n\n * discard: undefined\n\n * separate: undefined\n * ```\n * @param value -\n */\n webkitMarginTopCollapse(value: CSSProps['webkitMarginTopCollapse']) {\n this.set('-webkit-margin-top-collapse', value)\n return this\n }\n\n /**\n * Determines the mask painting area, which determines the area that is affected by the mask..\n *\n * syntax: ` `\n *\n * restriction: box\n *\n * browsers: C,O15,S4\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-clip\n *\n * @param value -\n */\n webkitMaskClip(value: CSSProps['webkitMaskClip']) {\n this.set('-webkit-mask-clip', value)\n return this\n }\n\n /**\n * Sets the mask layer image of an element..\n * \n * syntax: ` `\n * \n * restriction: url, image, enum\n * \n * browsers: C,O15,S4\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-image\n *\n * values:\n * ```md\n * none: Counts as a transparent black image layer.\n\n * url(): Reference to a <mask element or to a CSS image.\n * ```\n * @param value -\n */\n webkitMaskImage(value: CSSProps['webkitMaskImage']) {\n this.set('-webkit-mask-image', value)\n return this\n }\n\n /**\n * Specifies the mask positioning area..\n *\n * syntax: ` `\n *\n * restriction: box\n *\n * browsers: C,O15,S4\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-origin\n *\n * @param value -\n */\n webkitMaskOrigin(value: CSSProps['webkitMaskOrigin']) {\n this.set('-webkit-mask-origin', value)\n return this\n }\n\n /**\n * Specifies how mask layer images are tiled after they have been sized and positioned..\n *\n * syntax: ` `\n *\n * restriction: repeat\n *\n * browsers: C,O15,S4\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-repeat\n *\n * @param value -\n */\n webkitMaskRepeat(value: CSSProps['webkitMaskRepeat']) {\n this.set('-webkit-mask-repeat', value)\n return this\n }\n\n /**\n * Specifies the size of the mask layer images..\n * \n * syntax: ` `\n * \n * restriction: length, percentage, enum\n * \n * browsers: C,O15,S4\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-size\n *\n * values:\n * ```md\n * auto: Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%.\n\n * contain: Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.\n\n * cover: Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.\n * ```\n * @param value -\n */\n webkitMaskSize(value: CSSProps['webkitMaskSize']) {\n this.set('-webkit-mask-size', value)\n return this\n }\n\n /**\n * Defines the behavior of nonbreaking spaces within text..\n * \n * syntax: `p { -webkit-nbsp-mode: space; }`\n * \n * restriction: \n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-nbsp-mode\n *\n * values:\n * ```md\n * normal: undefined\n\n * space: undefined\n * ```\n * @param value -\n */\n webkitNbspMode(value: CSSProps['webkitNbspMode']) {\n this.set('-webkit-nbsp-mode', value)\n return this\n }\n\n /**\n * Specifies whether to use native-style scrolling in an overflow:scroll element..\n * \n * syntax: `div { -webkit-overflow-scrolling: touch; }`\n * \n * restriction: \n * \n * browsers: C,S5\n * \n * ref: http://css-infos.net/property/-webkit-nbsp-mode\n *\n * values:\n * ```md\n * auto: undefined\n\n * touch: undefined\n * ```\n * @param value -\n */\n webkitOverflowScrolling(value: CSSProps['webkitOverflowScrolling']) {\n this.set('-webkit-overflow-scrolling', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-padding-start: 5px; }`\n *\n * restriction: percentage, length\n *\n * browsers: C,S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitPaddingStart(value: CSSProps['webkitPaddingStart']) {\n this.set('-webkit-padding-start', value)\n return this\n }\n\n /**\n * Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself..\n *\n * syntax: `div { -webkit-perspective: none; }`\n *\n * restriction: length\n *\n * browsers: C,S4\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective\n *\n * @param value -\n */\n webkitPerspective(value: CSSProps['webkitPerspective']) {\n this.set('-webkit-perspective', value)\n return this\n }\n\n /**\n * Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element..\n *\n * syntax: `div { -webkit-perspective-origin: 10px; }`\n *\n * restriction: position, percentage, length\n *\n * browsers: C,S4\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective-origin\n *\n * @param value -\n */\n webkitPerspectiveOrigin(value: CSSProps['webkitPerspectiveOrigin']) {\n this.set('-webkit-perspective-origin', value)\n return this\n }\n\n /**\n * The 'region-fragment' property controls the behavior of the last region associated with a named flow..\n * \n * syntax: `article { -webkit-region-fragment: break; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://dev.w3.org/csswg/css-regions/#region-fragment\n *\n * values:\n * ```md\n * auto: Content flows as it would in a regular content box.\n\n * break: If the content fits within the CSS Region, then this property has no effect.\n * ```\n * @param value -\n */\n webkitRegionFragment(value: CSSProps['webkitRegionFragment']) {\n this.set('-webkit-region-fragment', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: E,C,S3.1\n *\n * ref: http://css-infos.net/property/-webkit-tap-highlight-color\n *\n * @param value -\n */\n webkitTapHighlightColor(value: CSSProps['webkitTapHighlightColor']) {\n this.set('-webkit-tap-highlight-color', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-fill-color: red; }`\n *\n * restriction: color\n *\n * browsers: E,C,S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextFillColor(value: CSSProps['webkitTextFillColor']) {\n this.set('-webkit-text-fill-color', value)\n return this\n }\n\n /**\n * Specifies a size adjustment for displaying text content in mobile browsers..\n * \n * syntax: `div { -webkit-text-size-adjust: 60%; }`\n * \n * restriction: percentage\n * \n * browsers: E,C,S3\n * \n * ref: https://drafts.csswg.org/css-size-adjust/#text-size-adjust\n *\n * values:\n * ```md\n * auto: Renderers must use the default size adjustment when displaying on a small device.\n\n * none: Renderers must not do size adjustment when displaying on a small device.\n * ```\n * @param value -\n */\n webkitTextSizeAdjust(value: CSSProps['webkitTextSizeAdjust']) {\n this.set('-webkit-text-size-adjust', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-stroke: red 2x; }`\n *\n * restriction: length, line-width, color, percentage\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextStroke(value: CSSProps['webkitTextStroke']) {\n this.set('-webkit-text-stroke', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-stroke-color: red; }`\n *\n * restriction: color\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextStrokeColor(value: CSSProps['webkitTextStrokeColor']) {\n this.set('-webkit-text-stroke-color', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-stroke-width: 2px; }`\n *\n * restriction: length, line-width, percentage\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextStrokeWidth(value: CSSProps['webkitTextStrokeWidth']) {\n this.set('-webkit-text-stroke-width', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `a { -webkit-touch-callout: none; }`\n *\n * restriction: enum\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTouchCallout(value: CSSProps['webkitTouchCallout']) {\n this.set('-webkit-touch-callout', value)\n return this\n }\n\n /**\n * A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG..\n * \n * syntax: `div { -webkit-transform: rotate(-90deg); }`\n * \n * restriction: enum\n * \n * browsers: C,O12,S3.1\n * \n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-property\n *\n * values:\n * ```md\n * matrix(): Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]\n\n * matrix3d(): Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.\n\n * none: undefined\n\n * perspective(): Specifies a perspective projection matrix.\n\n * rotate(): Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.\n\n * rotate3d(): Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.\n\n * rotateX('angle'): Specifies a clockwise rotation by the given angle about the X axis.\n\n * rotateY('angle'): Specifies a clockwise rotation by the given angle about the Y axis.\n\n * rotateZ('angle'): Specifies a clockwise rotation by the given angle about the Z axis.\n\n * scale(): Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.\n\n * scale3d(): Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.\n\n * scaleX(): Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.\n\n * scaleY(): Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.\n\n * scaleZ(): Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.\n\n * skew(): Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).\n\n * skewX(): Specifies a skew transformation along the X axis by the given angle.\n\n * skewY(): Specifies a skew transformation along the Y axis by the given angle.\n\n * translate(): Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.\n\n * translate3d(): Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.\n\n * translateX(): Specifies a translation by the given amount in the X direction.\n\n * translateY(): Specifies a translation by the given amount in the Y direction.\n\n * translateZ(): Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.\n * ```\n * @param value -\n */\n webkitTransform(value: CSSProps['webkitTransform']) {\n this.set('-webkit-transform', value)\n return this\n }\n\n /**\n * Establishes the origin of transformation for an element..\n *\n * syntax: `.album { -webkit-transform-origin: 20% 40%; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: C,O15,S3.1\n *\n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOrigin(value: CSSProps['webkitTransformOrigin']) {\n this.set('-webkit-transform-origin', value)\n return this\n }\n\n /**\n * The x coordinate of the origin for transforms applied to an element with respect to its border box..\n *\n * syntax: `img { -webkit-transform-origin-x: 5px}`\n *\n * restriction: length, percentage\n *\n * browsers: C,S3.1\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOriginX(value: CSSProps['webkitTransformOriginX']) {\n this.set('-webkit-transform-origin-x', value)\n return this\n }\n\n /**\n * The y coordinate of the origin for transforms applied to an element with respect to its border box..\n *\n * syntax: `img { -webkit-transform-origin-y: 5px}`\n *\n * restriction: length, percentage\n *\n * browsers: C,S3.1\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOriginY(value: CSSProps['webkitTransformOriginY']) {\n this.set('-webkit-transform-origin-y', value)\n return this\n }\n\n /**\n * The z coordinate of the origin for transforms applied to an element with respect to its border box..\n *\n * syntax: `img { -webkit-transform-origin-z: 5px}`\n *\n * restriction: length, percentage\n *\n * browsers: C,S4\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOriginZ(value: CSSProps['webkitTransformOriginZ']) {\n this.set('-webkit-transform-origin-z', value)\n return this\n }\n\n /**\n * Defines how nested elements are rendered in 3D space..\n * \n * syntax: `div { -webkit-transform-style: flat; }`\n * \n * restriction: enum\n * \n * browsers: C,S4\n * \n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * values:\n * ```md\n * flat: All children of this element are rendered flattened into the 2D plane of the element.\n\n * preserve-3d: Flattening is not performed, so children maintain their position in 3D space.\n * ```\n * @param value -\n */\n webkitTransformStyle(value: CSSProps['webkitTransformStyle']) {\n this.set('-webkit-transform-style', value)\n return this\n }\n\n /**\n * Shorthand property combines four of the transition properties into a single property..\n * \n * syntax: `div { -webkit-transition: background-color linear 1s; }`\n * \n * restriction: time, property, timing-function, enum\n * \n * browsers: C,O12,S5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n webkitTransition(value: CSSProps['webkitTransition']) {\n this.set('-webkit-transition', value)\n return this\n }\n\n /**\n * Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied..\n *\n * syntax: `div { -webkit-transition-delay: 1s; }`\n *\n * restriction: time\n *\n * browsers: C,O12,S5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-delay\n *\n * @param value -\n */\n webkitTransitionDelay(value: CSSProps['webkitTransitionDelay']) {\n this.set('-webkit-transition-delay', value)\n return this\n }\n\n /**\n * Specifies how long the transition from the old value to the new value should take..\n *\n * syntax: `div { -webkit-transition-duration: 1s; }`\n *\n * restriction: time\n *\n * browsers: C,O12,S5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-duration\n *\n * @param value -\n */\n webkitTransitionDuration(value: CSSProps['webkitTransitionDuration']) {\n this.set('-webkit-transition-duration', value)\n return this\n }\n\n /**\n * Specifies the name of the CSS property to which the transition is applied..\n * \n * syntax: `div { -webkit-transition-property: background-color; }`\n * \n * restriction: property\n * \n * browsers: C,O12,S5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition-property\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n webkitTransitionProperty(value: CSSProps['webkitTransitionProperty']) {\n this.set('-webkit-transition-property', value)\n return this\n }\n\n /**\n * Describes how the intermediate values used during a transition will be calculated..\n *\n * syntax: `div { -webkit-transition-timing-function: linear; }`\n *\n * restriction: timing-function\n *\n * browsers: C,O12,S5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-timing-function\n *\n * @param value -\n */\n webkitTransitionTimingFunction(\n value: CSSProps['webkitTransitionTimingFunction'],\n ) {\n this.set('-webkit-transition-timing-function', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-user-drag: element; }`\n * \n * restriction: enum\n * \n * browsers: S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * auto: undefined\n\n * element: undefined\n\n * none: undefined\n * ```\n * @param value -\n */\n webkitUserDrag(value: CSSProps['webkitUserDrag']) {\n this.set('-webkit-user-drag', value)\n return this\n }\n\n /**\n * Determines whether a user can edit the content of an element..\n * \n * syntax: `div { -webkit-user-modify: read-only; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-user-modify\n *\n * values:\n * ```md\n * read-only: undefined\n\n * read-write: undefined\n\n * read-write-plaintext-only: undefined\n * ```\n * @param value -\n */\n webkitUserModify(value: CSSProps['webkitUserModify']) {\n this.set('-webkit-user-modify', value)\n return this\n }\n\n /**\n * Controls the appearance of selection..\n * \n * syntax: `div { -webkit-user-select: text; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-user-select\n *\n * values:\n * ```md\n * auto: undefined\n\n * none: undefined\n\n * text: undefined\n * ```\n * @param value -\n */\n webkitUserSelect(value: CSSProps['webkitUserSelect']) {\n this.set('-webkit-user-select', value)\n return this\n }\n\n /**\n * Specifies the minimum number of line boxes of a block container that must be left in a fragment after a break..\n *\n * syntax: `<integer>`\n *\n * restriction: integer\n *\n * browsers: C,IE8,O9.5,S1\n *\n * ref: http://www.w3.org/TR/css3-break/#widows-orphans\n *\n * @param value -\n */\n widows(value: CSSProps['widows']) {\n this.set('widows', value)\n return this\n }\n\n /**\n * Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes..\n * \n * syntax: `header { width: 200px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#width\n *\n * values:\n * ```md\n * auto: The width depends on the values of other properties.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n width(value: CSSProps['width']) {\n this.set('width', value)\n return this\n }\n\n /**\n * Provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element..\n * \n * syntax: `body { will-change: scroll-position; }`\n * \n * restriction: enum, identifier\n * \n * browsers: C36,FF36,O24\n * \n * ref: http://www.w3.org/TR/css-will-change/\n *\n * values:\n * ```md\n * auto: Expresses no particular intent.\n\n * contents: Indicates that the author expects to animate or change something about the element's contents in the near future.\n\n * scroll-position: Indicates that the author expects to animate or change the scroll position of the element in the near future.\n * ```\n * @param value -\n */\n willChange(value: CSSProps['willChange']) {\n this.set('will-change', value)\n return this\n }\n\n /**\n * Specifies line break opportunities for non-CJK scripts..\n * \n * syntax: `p.album { word-break: break-all; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF15,IE5,S3\n * \n * ref: http://www.w3.org/TR/css3-text/#word-break0\n *\n * values:\n * ```md\n * break-all: Lines may break between any two grapheme clusters for non-CJK scripts.\n\n * keep-all: Block characters can no longer create implied break points.\n\n * normal: Breaks non-CJK scripts according to their own rules.\n * ```\n * @param value -\n */\n wordBreak(value: CSSProps['wordBreak']) {\n this.set('word-break', value)\n return this\n }\n\n /**\n * Specifies additional spacing between \"words\"..\n *\n * syntax: `article { word-spacing: 3px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-text/#word-spacing0\n *\n * @param value -\n */\n wordSpacing(value: CSSProps['wordSpacing']) {\n this.set('word-spacing', value)\n return this\n }\n\n /**\n * Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit..\n * \n * syntax: `p { word-wrap: break-word; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#word-wrap0\n *\n * values:\n * ```md\n * break-word: An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line.\n\n * normal: Lines may break only at allowed break points.\n * ```\n * @param value -\n */\n wordWrap(value: CSSProps['wordWrap']) {\n this.set('word-wrap', value)\n return this\n }\n\n /**\n * This is a shorthand property for both 'direction' and 'block-progression'..\n * \n * syntax: `span { writing-mode: lr-tb; }`\n * \n * restriction: enum\n * \n * browsers: E,FF41\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#writing-mode\n *\n * values:\n * ```md\n * horizontal-tb: Top-to-bottom block flow direction. The writing mode is horizontal.\n\n * sideways-lr: Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal.\n\n * sideways-rl: Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal.\n\n * vertical-lr: Left-to-right block flow direction. The writing mode is vertical.\n\n * vertical-rl: Right-to-left block flow direction. The writing mode is vertical.\n * ```\n * @param value -\n */\n writingMode(value: CSSProps['writingMode']) {\n this.set('writing-mode', value)\n return this\n }\n\n /**\n * For a positioned box, the 'z-index' property specifies the stack level of the box in the current stacking context and whether the box establishes a local stacking context..\n *\n * syntax: `img { z-index: 3; }`\n *\n * restriction: integer\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-z-index\n *\n * @param value -\n */\n zIndex(value: CSSProps['zIndex']) {\n this.set('z-index', value)\n return this\n }\n\n /**\n * Non-standard. Specifies the magnification scale of the object. See 'transform: scale()' for a standards-based alternative..\n *\n * syntax: `.example { zoom: 1; }`\n *\n * restriction: enum, integer, number, percentage\n *\n * browsers: E,C,IE6,O15,S4\n *\n * ref: https://msdn.microsoft.com/en-us/library/ms531189(v=vs.85).aspx\n *\n * @param value -\n */\n zoom(value: CSSProps['zoom']) {\n this.set('zoom', value)\n return this\n }\n\n placeItems(value: string) {\n this.set('place-items', value)\n return this\n }\n\n inset(value: string) {\n this.set('inset', value)\n return this\n }\n\n scrollMarginTop(value: string) {\n this.set('scroll-margin-top', value)\n return this\n }\n\n appearance(value: CSSProps['webkitAppearance']) {\n this.set('appearance', value)\n return this\n }\n accentColor(value: CSSProps['accentColor']) {\n this.set('accent-color', value)\n return this\n }\n breakInside(value: CSSProps['webkitBreakInside']) {\n this.set('break-inside', value)\n return this\n }\n lineClamp(value: string) {\n this.set('line-clamp', value)\n return this\n }\n}\n","import { Style } from './style'\n\nexport function s(selector?: string) {\n return new Style(selector)\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ts-css.mjs","names":[],"sources":["../src/autoVar.ts","../src/hyphenize.ts","../src/baseStyle.ts","../src/colors.ts","../src/style.ts","../src/s.ts"],"sourcesContent":["import { isString } from '@purestack/ts-util'\n\n/**\n * Normalizes a CSS value by auto-expanding shorthand into `var(...)` when appropriate.\n *\n * Rules:\n * 1. Values starting with `$name` become `var(--name)`. Supports fallback like `$name, blue` → `var(--name, blue)`.\n * 2. Raw custom property names starting with `--` become `var(--name)`. Supports fallback like `--bg, red` → `var(--bg, red)`.\n * 3. Values already using `var(...)` are returned as-is (case-insensitive on the `var(` prefix).\n * 4. Any other value is returned unchanged.\n *\n * @example\n * ```ts\n * autoVar(\"$primary\"); // \"var(--primary)\"\n * autoVar(\"$primary, blue\"); // \"var(--primary, blue)\"\n * autoVar(\"--bg\"); // \"var(--bg)\"\n * autoVar(\"--bg, lightgray\"); // \"var(--bg, lightgray)\"\n * autoVar(\"var(--accent)\"); // \"var(--accent)\"\n * autoVar(\"10px\"); // \"10px\"\n * autoVar(\"solid\"); // \"solid\"\n * ```\n *\n * @param raw - The raw CSS value to normalize.\n * @returns The potentially transformed CSS value with appropriate `var(...)` wrapping.\n */\nexport function autoVar(raw: string | number): string | number {\n if (!isString(raw)) return raw\n const v = raw.trim()\n\n // Already a var(...) function (CSS function names are case-insensitive)\n if (/^var\\(/i.test(v)) {\n return v\n }\n\n // Helper to split into name and optional fallback, only on first comma\n const splitFirstComma = (input: string): [string, string?] => {\n const match = input.match(/^([^,]+)(?:,(.+))?$/)\n if (!match) return [input]\n const name = match[1].trim()\n const fallback = match[2]?.trim()\n return fallback !== undefined ? [name, fallback] : [name]\n }\n\n if (v.startsWith('$')) {\n // \"$name\" or \"$name, fallback\"\n const inner = v.slice(1).trim()\n const [name, fallback] = splitFirstComma(inner)\n return fallback ? `var(--${name}, ${fallback})` : `var(--${name})`\n }\n\n if (v.startsWith('--')) {\n // \"--prop\" or \"--prop, fallback\"\n const [name, fallback] = splitFirstComma(v)\n return fallback ? `var(${name}, ${fallback})` : `var(${name})`\n }\n\n return v // leave other values untouched\n}\n","/**\n * Converts a JS-style CSS property name (camelCase / PascalCase / vendor prefixed) into\n * its kebab-case equivalent used in plain CSS. Handles:\n * - Vendor prefixes (`Webkit`, `webkit`, `Moz`, `moz`, `O`, `o`, `Ms`, `ms`) → leading\n * `-webkit-`, `-ms-`, etc.\n * - Acronym boundaries like `XMLHttpRequest` → `xml-http-request`.\n * - Standard camelCase / PascalCase splitting (`backgroundColor` → `background-color`).\n * - Leaves already-hyphenated names (e.g., `font-size`) intact aside from lowercasing.\n *\n * @example\n * hyphenizeCss(\"backgroundColor\"); // \"background-color\"\n * hyphenizeCss(\"WebkitTransition\"); // \"-webkit-transition\"\n * hyphenizeCss(\"msTransition\"); // \"-ms-transition\"\n * hyphenizeCss(\"XMLHttpRequest\"); // \"xml-http-request\"\n * hyphenizeCss(\"font-size\"); // \"font-size\"\n * hyphenizeCss(\"URLValue\"); // \"url-value\"\n *\n * @param prop - The JS-style CSS property name.\n * @returns The kebab-case CSS equivalent.\n */\nexport function hyphenizeCss(prop: string): string {\n // Normalize vendor prefixes (case-insensitive) at the start, e.g. WebkitFoo / msBar → -webkit-foo / -ms-bar\n const withVendor = prop.replace(\n /^(webkit|moz|ms)(?=[A-Z])/i,\n (_, prefix) => `-${prefix.toLowerCase()}`,\n )\n const withOpera = withVendor.replace(/^o/i, (match, _offset, value) => {\n const next = value[match.length]\n const isUppercase =\n typeof next === 'string' &&\n next.toUpperCase() === next &&\n next.toLowerCase() !== next\n return isUppercase ? '-o' : match\n })\n\n // 1. Split acronym boundaries like \"XMLHttp\" → \"XML-Http\"\n // 2. Then split camelCase boundaries like \"fooBar\" → \"foo-Bar\"\n const withSeparators = withOpera\n .replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n\n return withSeparators.toLowerCase()\n}\n","import prettier from 'prettier'\n\nimport { autoVar } from './autoVar'\nimport type { CSSProps } from './cssProps'\nimport { hyphenizeCss } from './hyphenize'\n\nexport abstract class RootStyle {\n static nextId = 1\n static revision = 0\n id: number\n selector: string\n constructor(selector?: string) {\n this.id = BaseStyle.nextId++\n this.selector = selector ?? ''\n RootStyle.revision += 1\n }\n abstract toCSS(): string\n}\n\nexport class BaseStyle<T extends RootStyle> extends RootStyle {\n children = new Map<string, T>()\n props = new Map<string, string | number>()\n #createT: (selector?: string) => T\n constructor(createT: (selector?: string) => T, selector?: string) {\n super(selector)\n this.#createT = createT\n }\n\n set(key: string, value: string | number) {\n key = hyphenizeCss(key)\n value = autoVar(value)\n if (this.props.get(key) === value) return this\n this.props.set(key, value)\n RootStyle.revision += 1\n return this\n }\n\n css(css: Partial<CSSProps>) {\n for (const [key, value] of Object.entries(css)) {\n if (value === undefined) continue\n this.set(key, value as string)\n }\n return this\n }\n\n apply(callback: () => Partial<CSSProps>) {\n const css = callback()\n return this.css(css)\n }\n\n /** Select a child element with the given selector.\n * ```\n * + (Next-sibling combinator)\n * > (Child combinator)\n * || (Column combinator)\n * ~ (Subsequent sibling combinator)\n * \" \" (Descendant combinator)\n * | (Namespace separator)\n * ```\n * Example:\n * ```ts\n * style.select('.container > .item').set('color', 'red')\n * ```\n */\n select(selector: string) {\n let child = this.children.get(selector)\n if (child) return child\n if (isGroupingRule(this.selector)) {\n return this.selectWithoutParentKey(selector)\n }\n const selectors = new Set(['+', '>', '|', '~', ' ', '|', ':'])\n const separator =\n this.selector.length === 0 || selectors.has(selector[0]) ? '' : ' '\n child = this.#createT(this.selector + separator + selector)\n this.children.set(selector, child)\n return child\n }\n\n protected selectWithoutParentKey(selector: string) {\n let child = this.children.get(selector)\n if (child) return child\n child = this.#createT(selector)\n this.children.set(selector, child)\n return child\n }\n\n #asBaseStyle(val: T) {\n return val as unknown as BaseStyle<T>\n }\n\n use(css: T) {\n this.#asBaseStyle(css).props.forEach((value, key) => {\n if (this.props.get(key) === value) return\n this.props.set(key, value)\n RootStyle.revision += 1\n })\n return this\n }\n\n media(query: string) {\n if (!query) return this\n const selector = query.startsWith('@media') ? query : `@media(${query})`\n let child = this.children.get(selector)\n const parentSelector = isGroupingRule(this.selector) ? '' : this.selector\n if (child) {\n return this.#asBaseStyle(child).selectWithoutParentKey(parentSelector)\n }\n child = this.#createT(selector)\n this.children.set(selector, child)\n child = this.#asBaseStyle(child).selectWithoutParentKey(parentSelector)\n return child\n }\n\n scope(rootSelector: string, limitSelector?: string) {\n const selector = buildScopeRule(rootSelector, limitSelector)\n if (!selector) return this\n let child = this.children.get(selector)\n if (child) return child\n child = this.#createT(selector)\n this.children.set(selector, child)\n return child\n }\n\n toCSS() {\n let result = ''\n const children = [...this.children.entries()].sort((a, b) => {\n const isAGroup = isGroupingRule(a[1].selector)\n const isBGroup = isGroupingRule(b[1].selector)\n if (isAGroup && !isBGroup) return 1\n if (!isAGroup && isBGroup) return -1\n return a[1].id - b[1].id\n })\n const selector = this.selector\n if (isGroupingRule(selector)) {\n const mediaContent = children\n .map((x) => `\\r\\n${x[1].toCSS()}`)\n .join('')\n .trimEnd()\n result = `${selector} {${mediaContent}\n}\n\n`\n return result\n }\n if (selector && this.props.size > 0) {\n const props = [...this.props.entries()]\n .filter((x) => (typeof x[1] as unknown) !== undefined)\n .map((x) => ` ${x[0]}: ${x[1]};`.replaceAll(';;', ';'))\n .join('\\r\\n')\n if (props.trim() !== '')\n result = `${selector} {\n${props}\n}\n\n`\n }\n if (children.length === 0) return result\n for (const c of children) {\n result += c[1].toCSS()\n }\n return result\n }\n\n async toPrettyCSS(options?: prettier.Options) {\n const fmt: prettier.Options = {\n parser: 'css',\n tabWidth: 2,\n endOfLine: 'lf',\n ...options,\n }\n const code = this.toCSS()\n return prettier.format(code, fmt)\n }\n\n whiteSpace(\n value:\n | 'normal'\n | 'nowrap'\n | 'pre'\n | 'pre-wrap'\n | 'pre-line'\n | 'break-spaces'\n | 'collapse balance'\n | 'preserve nowrap'\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'revert-layer'\n | 'unset'\n | (string & {}),\n ) {\n this.set('white-space', value)\n return this\n }\n}\n\nfunction isGroupingRule(selector: string) {\n return selector.startsWith('@media') || selector.startsWith('@scope')\n}\n\nfunction buildScopeRule(rootSelector: string, limitSelector?: string) {\n const root = rootSelector.trim()\n if (!root) return ''\n if (root.startsWith('@scope')) return root\n const limit = limitSelector?.trim()\n if (!limit) return `@scope (${root})`\n return `@scope (${root}) to (${limit})`\n}\n","export type RGBA = {\n r: number\n g: number\n b: number\n a?: number\n}\n\nexport type HSL = {\n h: number\n s: number\n l: number\n}\n\n/**\n * Converts a HEX color string to RGBA.\n * @param hex - The HEX color string.\n * @returns The RGBA representation of the color.\n * @throws Will throw an error if the hex format is invalid.\n */\nexport function hexToRgba(input: string): RGBA {\n if (input === 'transparent') return { r: 0, g: 0, b: 0, a: 0 }\n if (input === 'currentColor') return { r: 0, g: 0, b: 0, a: 0 }\n\n // Strip leading '#' if present\n let hex = input.startsWith('#') ? input.slice(1) : input\n\n // Expand 3/4-digit shorthand (e.g. \"abc\" → \"aabbcc\")\n if (hex.length === 3 || hex.length === 4) {\n hex = hex\n .split('')\n .map((c) => c + c)\n .join('')\n }\n\n // Now must be exactly 6 or 8 characters\n if (hex.length !== 6 && hex.length !== 8) {\n throw new Error(\n 'Invalid hex format; expected #RGB, #RGBA, #RRGGBB or #RRGGBBAA',\n )\n }\n\n // Parse every two-char chunk into a byte, validate on the fly\n const bytes: number[] = []\n for (let i = 0; i < hex.length; i += 2) {\n const byte = Number.parseInt(hex.slice(i, i + 2), 16)\n if (Number.isNaN(byte)) {\n throw new Error('Invalid hex format; non-hex characters detected')\n }\n bytes.push(byte)\n }\n\n const [r, g, b, aByte] = bytes\n const a = aByte === undefined ? undefined : aByte / 255\n const rgba = { r, g, b, a }\n validateRgb(rgba)\n return rgba\n}\n\n/**\n * Converts RGBA values to a HEX color string.\n * @param r - The red component (0-255).\n * @param g - The green component (0-255).\n * @param b - The blue component (0-255).\n * @param a - The optional alpha component (0-1).\n * @returns The HEX color string.\n * @throws Will throw an error if any color component is out of range.\n */\nexport function rgbaToHex(r: number, g: number, b: number, a?: number): string {\n validateRgb({ r, g, b, a })\n let hex = ((1 << 24) + (r << 16) + (g << 8) + b)\n .toString(16)\n .slice(1)\n .toUpperCase()\n if (a !== undefined) {\n hex += Math.round(a * 255)\n .toString(16)\n .padStart(2, '0')\n .toUpperCase()\n }\n return `#${hex}`\n}\n\n/**\n * Converts RGB values to HSL.\n * @param rgb - The RGB representation of the color.\n * @returns The HSL representation of the color.\n * @throws Will throw an error if any color component is out of range.\n */\nexport function rgbToHsl({ r, g, b }: RGBA): HSL {\n validateRgb({ r, g, b })\n r /= 255\n g /= 255\n b /= 255\n const max = Math.max(r, g, b),\n min = Math.min(r, g, b)\n let h = 0,\n s: number\n const l: number = (max + min) / 2\n\n if (max === min) {\n s = 0\n } else {\n const d = max - min\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n switch (max) {\n case r:\n h = (g - b) / d + (g < b ? 6 : 0)\n break\n case g:\n h = (b - r) / d + 2\n break\n case b:\n h = (r - g) / d + 4\n break\n }\n h /= 6\n }\n\n return { h, s, l }\n}\n\n/**\n * Converts HSL values to a HEX color string.\n * @param hsl - The HSL representation of the color.\n * @returns The HEX color string.\n * @throws Will throw an error if any HSL component is out of range.\n */\nexport function hslToHex({ h, s, l }: HSL): string {\n validateHsl({ h, s, l })\n const { r, g, b } = hslToRgb({ h, s, l })\n return rgbaToHex(r, g, b)\n}\n\n/**\n * Converts HSL values to RGB.\n * @param hsl - The HSL representation of the color.\n * @returns The RGB representation of the color.\n * @throws Will throw an error if any HSL component is out of range.\n */\nexport function hslToRgb({ h, s, l }: HSL): RGBA {\n validateHsl({ h, s, l })\n let r: number, g: number, b: number\n\n const hueToRgb = (p: number, q: number, t: number): number => {\n if (t < 0) t += 1\n if (t > 1) t -= 1\n if (t < 1 / 6) return p + (q - p) * 6 * t\n if (t < 1 / 2) return q\n if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6\n return p\n }\n\n if (s === 0) {\n r = g = b = l // achromatic\n } else {\n const q = l < 0.5 ? l * (1 + s) : l + s - l * s\n const p = 2 * l - q\n r = hueToRgb(p, q, h + 1 / 3)\n g = hueToRgb(p, q, h)\n b = hueToRgb(p, q, h - 1 / 3)\n }\n\n return {\n r: Math.round(r * 255),\n g: Math.round(g * 255),\n b: Math.round(b * 255),\n }\n}\n\nexport type OKLCH = {\n /** Perceptual lightness, 0–1. */\n l: number\n /** Chroma, 0 for gray; vivid sRGB colors peak near 0.3. */\n c: number\n /** Hue angle in degrees. */\n h: number\n /** Optional alpha, 0–1. */\n alpha?: number\n}\n\n/**\n * Converts an OKLCH color to a HEX color string.\n *\n * Lightness is perceptual, so colors sharing `l` read equally bright whatever\n * their hue. That makes OKLCH the natural space for a palette: pick a hue per\n * role and reuse one set of lightness steps. Chroma beyond the sRGB gamut is\n * reduced until the color fits, keeping its lightness and hue.\n * @param oklch - The OKLCH representation of the color.\n * @returns The HEX color string.\n */\nexport function oklchToHex({ l, c, h, alpha }: OKLCH): string {\n let rgb = oklchToLinearRgb(l, c, h)\n if (!isInGamut(rgb)) {\n let low = 0\n let high = c\n for (let i = 0; i < 20; i++) {\n const mid = (low + high) / 2\n if (isInGamut(oklchToLinearRgb(l, mid, h))) low = mid\n else high = mid\n }\n rgb = oklchToLinearRgb(l, low, h)\n }\n const [r, g, b] = rgb.map(toSrgbByte)\n return rgbaToHex(r, g, b, alpha)\n}\n\nfunction oklchToLinearRgb(l: number, c: number, h: number) {\n const radians = (h * Math.PI) / 180\n const a = c * Math.cos(radians)\n const b = c * Math.sin(radians)\n const long = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3\n const medium = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3\n const short = (l - 0.0894841775 * a - 1.291485548 * b) ** 3\n return [\n 4.0767416621 * long - 3.3077115913 * medium + 0.2309699292 * short,\n -1.2684380046 * long + 2.6097574011 * medium - 0.3413193965 * short,\n -0.0041960863 * long - 0.7034186147 * medium + 1.707614701 * short,\n ]\n}\n\nfunction isInGamut(rgb: number[]) {\n return rgb.every((channel) => channel >= -1e-4 && channel <= 1 + 1e-4)\n}\n\nfunction toSrgbByte(linear: number) {\n const value = Math.min(Math.max(linear, 0), 1)\n const encoded =\n value <= 0.0031308 ? value * 12.92 : 1.055 * value ** (1 / 2.4) - 0.055\n return Math.round(encoded * 255)\n}\n\n/**\n * Validates RGBA values to ensure they are within the correct range.\n * @param rgba - The RGBA representation of the color.\n * @throws Will throw an error if any color component is out of range.\n */\nfunction validateRgb({ r, g, b, a }: RGBA): void {\n if (r > 255 || r < 0) throw new Error(`r is not in range: ${r}`)\n if (g > 255 || g < 0) throw new Error(`g is not in range: ${g}`)\n if (b > 255 || b < 0) throw new Error(`b is not in range: ${b}`)\n if (a !== undefined && (a > 1 || a < 0))\n throw new Error(`a is not in range: ${a}`)\n}\n\n/**\n * Validates HSL values to ensure they are within the correct range.\n * @param hsl - The HSL representation of the color.\n * @throws Will throw an error if any HSL component is out of range.\n */\nfunction validateHsl({ h, s, l }: HSL): void {\n if (h > 1 || h < 0) throw new Error(`h is not in range: ${h}`)\n if (s > 1 || s < 0) throw new Error(`s is not in range: ${s}`)\n if (l > 1 || l < 0) throw new Error(`l is not in range: ${l}`)\n}\n\n/**\n * Generates an array of HEX color strings based on variations in lightness.\n * @param hex - The base HEX color string.\n * @param deltaLeft - The decrease in lightness as a percentage.\n * @param deltaRight - The increase in lightness as a percentage.\n * @param count - The number of color variations to generate.\n * @returns An array of HEX color strings.\n */\nexport function getColors(\n hex: string,\n deltaLeft: number,\n deltaRight: number,\n count: number,\n reverse?: boolean,\n): string[] {\n if (count < 2) {\n return [hex]\n }\n deltaLeft /= 100\n deltaRight /= 100\n const result: string[] = []\n const { h, s, l } = rgbToHsl(hexToRgba(hex))\n\n let minLight = l - deltaLeft\n let maxLight = l + deltaRight\n\n if (minLight < 0) {\n minLight = 0\n }\n if (maxLight > 1) {\n maxLight = 1\n }\n\n minLight = Math.max(0, minLight)\n maxLight = Math.min(1, maxLight)\n const step = (maxLight - minLight) / (count - 1)\n\n for (let i = 0; i < count; ++i) {\n result.push(hslToHex({ h, s, l: minLight + i * step }))\n }\n\n if (reverse) return result.reverse()\n return result\n}\n\nexport interface GradientStop {\n /** position along the gradient (0–100%) */\n offset: number\n /** hex color at this stop */\n color: string\n}\n\n/**\n * Generates N gradient stops between two hex colors.\n * @param startHex - e.g. \"#21a8c3\"\n * @param endHex - e.g. \"#a50d60\"\n * @param count - number of stops (must be ≥ 2)\n * @param method - 'hsl' | 'rgb' interpolation (defaults to 'hsl')\n * @returns array of `{ offset: 0–100, color: hex }`\n * @throws if `count < 2` or hex inputs invalid\n */\nexport function getGradient(\n startHex: string,\n endHex: string,\n count: number,\n method: 'hsl' | 'rgb' = 'hsl',\n): GradientStop[] {\n if (count < 2) {\n throw new Error(`gradientStops: count must be ≥ 2 (got ${count})`)\n }\n if (method === 'rgb') return getRGBGradient(startHex, endHex, count)\n\n // convert to HSL\n const hslA = rgbToHsl(hexToRgba(startHex))\n const hslB = rgbToHsl(hexToRgba(endHex))\n\n // shortest-path hue delta\n let dh = hslB.h - hslA.h\n if (dh > 0.5) dh -= 1\n else if (dh < -0.5) dh += 1\n\n const ds = hslB.s - hslA.s\n const dl = hslB.l - hslA.l\n\n const stops: GradientStop[] = []\n for (let i = 0; i < count; i++) {\n const t = i / (count - 1)\n // interpolate and wrap hue back into [0,1]\n let h = hslA.h + dh * t\n if (h < 0) h += 1\n else if (h > 1) h -= 1\n\n const s = hslA.s + ds * t\n const l = hslA.l + dl * t\n\n stops.push({\n offset: t * 100,\n color: hslToHex({ h, s, l }),\n })\n }\n\n return stops\n}\n\nfunction getRGBGradient(\n startHex: string,\n endHex: string,\n count: number,\n): GradientStop[] {\n const start = hexToRgba(startHex)\n const end = hexToRgba(endHex)\n const stops: GradientStop[] = []\n\n for (let i = 0; i < count; i++) {\n const t = i / (count - 1)\n // linearly blend each channel\n const r = Math.round(start.r + (end.r - start.r) * t)\n const g = Math.round(start.g + (end.g - start.g) * t)\n const b = Math.round(start.b + (end.b - start.b) * t)\n const a =\n end.a != null && start.a != null\n ? start.a + (end.a - start.a) * t\n : undefined\n\n stops.push({\n offset: t * 100,\n color: rgbaToHex(r, g, b, a),\n })\n }\n\n return stops\n}\n","import { BaseStyle } from './baseStyle'\nimport type { CSSProps } from './cssProps'\n\nexport class Style extends BaseStyle<Style> {\n constructor(selector?: string) {\n super((s) => new Style(s), selector)\n }\n\n /**\n * `@`counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor. Needs to be specified if the counter system is 'additive'..\n *\n * syntax: `@counter-style { additive-symbols: 1 I; }`\n *\n * restriction: integer, string, image, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-additive-symbols\n *\n * @param value -\n */\n additiveSymbols(value: CSSProps['additiveSymbols']) {\n this.set('additive-symbols', value)\n return this\n }\n\n /**\n * Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis..\n * \n * syntax: `p { align-content: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-content\n *\n * values:\n * ```md\n * center: Lines are packed toward the center of the flex container.\n\n * flex-end: Lines are packed toward the end of the flex container.\n\n * flex-start: Lines are packed toward the start of the flex container.\n\n * space-around: Lines are evenly distributed in the flex container, with half-size spaces on either end.\n\n * space-between: Lines are evenly distributed in the flex container.\n\n * stretch: Lines stretch to take up the remaining space.\n\n * start: undefined\n\n * end: undefined\n\n * normal: undefined\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * space-around: undefined\n\n * space-between: undefined\n\n * space-evenly: undefined\n\n * stretch: undefined\n\n * safe: undefined\n\n * unsafe: undefined\n * ```\n * @param value -\n */\n alignContent(value: CSSProps['alignContent']) {\n this.set('align-content', value)\n return this\n }\n\n /**\n * Aligns flex items along the cross axis of the current line of the flex container..\n * \n * syntax: `p { align-items: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-items\n *\n * values:\n * ```md\n * baseline: If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment.\n\n * center: The flex item's margin box is centered in the cross axis within the line.\n\n * flex-end: The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.\n\n * flex-start: The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line.\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * normal: undefined\n\n * start: undefined\n\n * end: undefined\n\n * self-start: undefined\n\n * self-end: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * stretch: undefined\n\n * safe: undefined\n\n * unsafe: undefined\n * ```\n * @param value -\n */\n alignItems(value: CSSProps['alignItems']) {\n this.set('align-items', value)\n return this\n }\n\n /**\n * Defines the default justify-self for all items of the box, giving them the default way of justifying each box along the appropriate axis.\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF45\n * \n * ref: https://www.w3.org/TR/css-grid-1/#row-align\n *\n * values:\n * ```md\n * auto: undefined\n\n * normal: undefined\n\n * end: undefined\n\n * start: undefined\n\n * flex-end: \"Flex items are packed toward the end of the line.\"\n\n * flex-start: \"Flex items are packed toward the start of the line.\"\n\n * self-end: The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis.\n\n * self-start: The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis..\n\n * center: The items are packed flush to each other toward the center of the of the alignment container.\n\n * left: undefined\n\n * right: undefined\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * safe: undefined\n\n * unsafe: undefined\n\n * legacy: undefined\n * ```\n * @param value -\n */\n justifyItems(value: CSSProps['justifyItems']) {\n this.set('justify-items', value)\n return this\n }\n\n /**\n * Defines the way of justifying a box inside its container along the appropriate axis..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF45\n * \n * ref: https://www.w3.org/TR/css-grid-1/#row-align\n *\n * values:\n * ```md\n * auto: undefined\n\n * normal: undefined\n\n * end: undefined\n\n * start: undefined\n\n * flex-end: \"Flex items are packed toward the end of the line.\"\n\n * flex-start: \"Flex items are packed toward the start of the line.\"\n\n * self-end: The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis.\n\n * self-start: The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis..\n\n * center: The items are packed flush to each other toward the center of the of the alignment container.\n\n * left: undefined\n\n * right: undefined\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * save: undefined\n\n * unsave: undefined\n * ```\n * @param value -\n */\n justifySelf(value: CSSProps['justifySelf']) {\n this.set('justify-self', value)\n return this\n }\n\n /**\n * Allows the default alignment along the cross axis to be overridden for individual flex items..\n * \n * syntax: `p { align-self: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-items\n *\n * values:\n * ```md\n * auto: Computes to the value of 'align-items' on the element's parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself.\n\n * normal: undefined\n\n * self-end: undefined\n\n * self-start: undefined\n\n * baseline: If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment.\n\n * center: The flex item's margin box is centered in the cross axis within the line.\n\n * flex-end: The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.\n\n * flex-start: The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line.\n\n * stretch: If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched.\n\n * baseline: undefined\n\n * first baseline: undefined\n\n * last baseline: undefined\n\n * safe: undefined\n\n * unsafe: undefined\n * ```\n * @param value -\n */\n alignSelf(value: CSSProps['alignSelf']) {\n this.set('align-self', value)\n return this\n }\n\n /**\n * Shorthand that resets all properties except 'direction' and 'unicode-bidi'..\n *\n * syntax: `* { all: unset; }`\n *\n * restriction: enum\n *\n * browsers: C37,FF27,O24\n *\n * ref: http://www.w3.org/TR/css-cascade-3/#all-shorthand\n *\n * @param value -\n */\n all(value: CSSProps['all']) {\n this.set('all', value)\n return this\n }\n\n /**\n * Provides alternative text for assistive technology to replace the generated content of a ::before or ::after element..\n *\n * syntax: `label::before { alt: 'alt text'; }`\n *\n * restriction: string, enum\n *\n * browsers: S9\n *\n * ref: https://drafts.csswg.org/css-content-3/#propdef-alt\n *\n * @param value -\n */\n alt(value: CSSProps['alt']) {\n this.set('alt', value)\n return this\n }\n\n /**\n * Shorthand property combines six of the animation properties into a single property..\n * \n * syntax: `div { animation: movearound 4s ease 3 normal; }`\n * \n * restriction: time, timing-function, enum, identifier, number\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * infinite: Causes the animation to repeat forever.\n\n * none: No animation is performed\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n animation(value: CSSProps['animation']) {\n this.set('animation', value)\n return this\n }\n\n /**\n * Defines when the animation will start..\n *\n * syntax: `div { animation-delay: 4s; }`\n *\n * restriction: time\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-delay\n *\n * @param value -\n */\n animationDelay(value: CSSProps['animationDelay']) {\n this.set('animation-delay', value)\n return this\n }\n\n /**\n * Defines whether or not the animation should play in reverse on alternate cycles..\n * \n * syntax: `div { animation-direction: normal; }`\n * \n * restriction: enum\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-direction\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n animationDirection(value: CSSProps['animationDirection']) {\n this.set('animation-direction', value)\n return this\n }\n\n /**\n * Defines the length of time that an animation takes to complete one cycle..\n *\n * syntax: `div { animation-duration: 4s; }`\n *\n * restriction: time\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-duration\n *\n * @param value -\n */\n animationDuration(value: CSSProps['animationDuration']) {\n this.set('animation-duration', value)\n return this\n }\n\n /**\n * Defines what values are applied by the animation outside the time it is executing..\n * \n * syntax: `div { animation-fill-mode: forwards; }`\n * \n * restriction: enum\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-fill-mode-property\n *\n * values:\n * ```md\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * none: There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes.\n * ```\n * @param value -\n */\n animationFillMode(value: CSSProps['animationFillMode']) {\n this.set('animation-fill-mode', value)\n return this\n }\n\n /**\n * Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once..\n *\n * syntax: `div { animation-iteration-count: 3; }`\n *\n * restriction: number, enum\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-iteration-count\n *\n * @param value -\n */\n animationIterationCount(value: CSSProps['animationIterationCount']) {\n this.set('animation-iteration-count', value)\n return this\n }\n\n /**\n * Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation..\n *\n * syntax: `div { animation-name: movearound; }`\n *\n * restriction: identifier, enum\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#the-animation-name-property-\n *\n * @param value -\n */\n animationName(value: CSSProps['animationName']) {\n this.set('animation-name', value)\n return this\n }\n\n /**\n * Defines whether the animation is running or paused..\n * \n * syntax: `div { animation-play-state: running; }`\n * \n * restriction: enum\n * \n * browsers: E,C43,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-play-state\n *\n * values:\n * ```md\n * paused: A running animation will be paused.\n\n * running: Resume playback of a paused animation.\n * ```\n * @param value -\n */\n animationPlayState(value: CSSProps['animationPlayState']) {\n this.set('animation-play-state', value)\n return this\n }\n\n /**\n * Describes how the animation will progress over one cycle of its duration..\n *\n * syntax: `div { animation-timing-function: ease; }`\n *\n * restriction: timing-function\n *\n * browsers: E,C43,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-timing-function\n *\n * @param value -\n */\n animationTimingFunction(value: CSSProps['animationTimingFunction']) {\n this.set('animation-timing-function', value)\n return this\n }\n\n /**\n * Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer..\n * \n * syntax: `div { backface-visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: E,C36,FF16,IE10,O23\n * \n * ref: http://www.w3.org/TR/css3-transforms/#backface-visibility-property\n *\n * values:\n * ```md\n * hidden: Back side is hidden.\n\n * visible: Back side is visible.\n * ```\n * @param value -\n */\n backfaceVisibility(value: CSSProps['backfaceVisibility']) {\n this.set('backface-visibility', value)\n return this\n }\n\n /**\n * Shorthand property for setting most background properties at the same place in the style sheet..\n * \n * syntax: `section { background: url(image.png) no-repeat #999; }`\n * \n * restriction: enum, image, color, position, length, repeat, percentage, box\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-background/#background\n *\n * values:\n * ```md\n * fixed: The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page.\n\n * local: The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents.\n\n * none: A value of 'none' counts as an image layer but draws nothing.\n\n * scroll: The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)\n * ```\n * @param value -\n */\n background(value: CSSProps['background']) {\n this.set('background', value)\n return this\n }\n\n /**\n * Specifies whether the background images are fixed with regard to the viewport ('fixed') or scroll along with the element ('scroll') or its contents ('local')..\n * \n * syntax: `.box { background-attachment: fixed; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-background/#the-background-attachment\n *\n * values:\n * ```md\n * fixed: The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page.\n\n * local: The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents.\n\n * scroll: The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)\n * ```\n * @param value -\n */\n backgroundAttachment(value: CSSProps['backgroundAttachment']) {\n this.set('background-attachment', value)\n return this\n }\n\n /**\n * Defines the blending mode of each background layer..\n * \n * syntax: `div { background-blend-mode: saturation; }`\n * \n * restriction: enum\n * \n * browsers: C35,FF30,O22,S7.1\n * \n * ref: http://www.w3.org/TR/compositing-1/#propdef-background-blend-mode\n *\n * values:\n * ```md\n * normal: Default attribute which specifies no blending\n\n * multiply: The source color is multiplied by the destination color and replaces the destination.\n\n * screen: Multiplies the complements of the backdrop and source color values, then complements the result.\n\n * overlay: Multiplies or screens the colors, depending on the backdrop color value.\n\n * darken: Selects the darker of the backdrop and source colors.\n\n * lighten: Selects the lighter of the backdrop and source colors.\n\n * color-dodge: Brightens the backdrop color to reflect the source color.\n\n * color-burn: Darkens the backdrop color to reflect the source color.\n\n * hard-light: Multiplies or screens the colors, depending on the source color value.\n\n * soft-light: Darkens or lightens the colors, depending on the source color value.\n\n * difference: Subtracts the darker of the two constituent colors from the lighter color..\n\n * exclusion: Produces an effect similar to that of the Difference mode but lower in contrast.\n\n * hue: Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.\n\n * saturation: Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.\n\n * color: Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.\n\n * luminosity: Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.\n * ```\n * @param value -\n */\n backgroundBlendMode(value: CSSProps['backgroundBlendMode']) {\n this.set('background-blend-mode', value)\n return this\n }\n\n /**\n * Determines the background painting area..\n *\n * syntax: `header { background-clip: border-box; }`\n *\n * restriction: box\n *\n * browsers: E,C,FF4,IE9,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-clip\n *\n * @param value -\n */\n backgroundClip(value: CSSProps['backgroundClip']) {\n this.set('background-clip', value)\n return this\n }\n\n /**\n * Sets the background color of an element..\n *\n * syntax: `body { background-color: white; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-color\n *\n * @param value -\n */\n backgroundColor(value: CSSProps['backgroundColor']) {\n this.set('background-color', value)\n return this\n }\n\n /**\n * Sets the background image(s) of an element..\n *\n * syntax: `article { background-image: url(image.png); }`\n *\n * restriction: image, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-image\n *\n * @param value -\n */\n backgroundImage(value: CSSProps['backgroundImage']) {\n this.set('background-image', value)\n return this\n }\n\n /**\n * For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s)..\n *\n * syntax: `header { background-origin: border-box; }`\n *\n * restriction: box\n *\n * browsers: E,C,FF4,IE9,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-origin\n *\n * @param value -\n */\n backgroundOrigin(value: CSSProps['backgroundOrigin']) {\n this.set('background-origin', value)\n return this\n }\n\n /**\n * Specifies the initial position of the background image(s) (after any resizing) within their corresponding background positioning area..\n *\n * syntax: `div { background-position: left center}`\n *\n * restriction: position, length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-position\n *\n * @param value -\n */\n backgroundPosition(value: CSSProps['backgroundPosition']) {\n this.set('background-position', value)\n return this\n }\n\n /**\n * Specifies how background images are tiled after they have been sized and positioned..\n *\n * syntax: `article { background-repeat: no-repeat; }`\n *\n * restriction: repeat\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-repeat\n *\n * @param value -\n */\n backgroundRepeat(value: CSSProps['backgroundRepeat']) {\n this.set('background-repeat', value)\n return this\n }\n\n /**\n * Specifies the size of the background images..\n * \n * syntax: `header { background-size: 20px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF4,IE9,O10,S4.1\n * \n * ref: http://www.w3.org/TR/css3-background/#the-background-size\n *\n * values:\n * ```md\n * auto: Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%.\n\n * contain: Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.\n\n * cover: Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.\n * ```\n * @param value -\n */\n backgroundSize(value: CSSProps['backgroundSize']) {\n this.set('background-size', value)\n return this\n }\n\n /**\n * Size of an element in the direction opposite that of the direction specified by 'writing-mode'..\n *\n * syntax: `header { block-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-block-size\n *\n * @param value -\n */\n blockSize(value: CSSProps['blockSize']) {\n this.set('block-size', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style, and color..\n *\n * syntax: `header { border: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n border(value: CSSProps['border']) {\n this.set('border', value)\n return this\n }\n\n /**\n * Logical 'border-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-block-end: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEnd(value: CSSProps['borderBlockEnd']) {\n this.set('border-block-end', value)\n return this\n }\n\n /**\n * Logical 'border-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-block-start: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStart(value: CSSProps['borderBlockStart']) {\n this.set('border-block-start', value)\n return this\n }\n\n /**\n * Logical 'border-bottom-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-end-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEndColor(value: CSSProps['borderBlockEndColor']) {\n this.set('border-block-end-color', value)\n return this\n }\n\n /**\n * Logical 'border-top-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-start-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStartColor(value: CSSProps['borderBlockStartColor']) {\n this.set('border-block-start-color', value)\n return this\n }\n\n /**\n * Logical 'border-bottom-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-end-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEndStyle(value: CSSProps['borderBlockEndStyle']) {\n this.set('border-block-end-style', value)\n return this\n }\n\n /**\n * Logical 'border-top-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-start-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStartStyle(value: CSSProps['borderBlockStartStyle']) {\n this.set('border-block-start-style', value)\n return this\n }\n\n /**\n * Logical 'border-bottom-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-end-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockEndWidth(value: CSSProps['borderBlockEndWidth']) {\n this.set('border-block-end-width', value)\n return this\n }\n\n /**\n * Logical 'border-top-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-block-start-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderBlockStartWidth(value: CSSProps['borderBlockStartWidth']) {\n this.set('border-block-start-width', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color..\n *\n * syntax: `header { border-bottom: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderBottom(value: CSSProps['borderBottom']) {\n this.set('border-bottom', value)\n return this\n }\n\n /**\n * Sets the color of the bottom border..\n *\n * syntax: `td { border-bottom-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderBottomColor(value: CSSProps['borderBottomColor']) {\n this.set('border-bottom-color', value)\n return this\n }\n\n /**\n * Defines the radii of the bottom left outer border edge..\n *\n * syntax: `td { border-bottom-left-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderBottomLeftRadius(value: CSSProps['borderBottomLeftRadius']) {\n this.set('border-bottom-left-radius', value)\n return this\n }\n\n /**\n * Defines the radii of the bottom right outer border edge..\n *\n * syntax: `td { border-bottom-right-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderBottomRightRadius(value: CSSProps['borderBottomRightRadius']) {\n this.set('border-bottom-right-radius', value)\n return this\n }\n\n /**\n * Sets the style of the bottom border..\n *\n * syntax: `td { border-bottom-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderBottomStyle(value: CSSProps['borderBottomStyle']) {\n this.set('border-bottom-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the bottom border..\n *\n * syntax: `td { border-bottom-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderBottomWidth(value: CSSProps['borderBottomWidth']) {\n this.set('border-bottom-width', value)\n return this\n }\n\n /**\n * Selects a table's border model..\n * \n * syntax: `table { border-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#borders\n *\n * values:\n * ```md\n * collapse: Selects the collapsing borders model.\n\n * separate: Selects the separated borders border model.\n * ```\n * @param value -\n */\n borderCollapse(value: CSSProps['borderCollapse']) {\n this.set('border-collapse', value)\n return this\n }\n\n /**\n * The color of the border around all four edges of an element..\n *\n * syntax: `td { border-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderColor(value: CSSProps['borderColor']) {\n this.set('border-color', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values..\n * \n * syntax: `td { border-image: url(border.png) 30 30 round;}`\n * \n * restriction: length, percentage, number, url, enum\n * \n * browsers: E,C16,FF15,IE11,O15,S6\n * \n * ref: http://www.w3.org/TR/css3-background/#border-image\n *\n * values:\n * ```md\n * auto: If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead.\n\n * fill: Causes the middle part of the border-image to be preserved.\n\n * none: Use the border styles.\n\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n\n * url(): undefined\n * ```\n * @param value -\n */\n borderImage(value: CSSProps['borderImage']) {\n this.set('border-image', value)\n return this\n }\n\n /**\n * The values specify the amount by which the border image area extends beyond the border box on the top, right, bottom, and left sides respectively. If the fourth value is absent, it is the same as the second. If the third one is also absent, it is the same as the first. If the second one is also absent, it is the same as the first. Numbers represent multiples of the corresponding border-width..\n *\n * syntax: `div { border-image-outset: 3px; }`\n *\n * restriction: length, number\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#border-image-outset\n *\n * @param value -\n */\n borderImageOutset(value: CSSProps['borderImageOutset']) {\n this.set('border-image-outset', value)\n return this\n }\n\n /**\n * Specifies how the images for the sides and the middle part of the border image are scaled and tiled. If the second keyword is absent, it is assumed to be the same as the first..\n * \n * syntax: `td { border-image-repeat: stretch; }`\n * \n * restriction: enum\n * \n * browsers: E,C16,FF15,IE11,O15,S6\n * \n * ref: http://www.w3.org/TR/css3-background/#the-border-image-repeat\n *\n * values:\n * ```md\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n * ```\n * @param value -\n */\n borderImageRepeat(value: CSSProps['borderImageRepeat']) {\n this.set('border-image-repeat', value)\n return this\n }\n\n /**\n * Specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle..\n *\n * syntax: `div { border-image-slice: 10%; }`\n *\n * restriction: number, percentage\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#border-image-slice\n *\n * @param value -\n */\n borderImageSlice(value: CSSProps['borderImageSlice']) {\n this.set('border-image-slice', value)\n return this\n }\n\n /**\n * Specifies an image to use instead of the border styles given by the 'border-style' properties and as an additional background layer for the element. If the value is 'none' or if the image cannot be displayed, the border styles will be used..\n *\n * syntax: `aside { border-image-source: url(image.png); }`\n *\n * restriction: image\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#the-border-image-source\n *\n * @param value -\n */\n borderImageSource(value: CSSProps['borderImageSource']) {\n this.set('border-image-source', value)\n return this\n }\n\n /**\n * The four values of 'border-image-width' specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the top, right, bottom, and left sides of the area, respectively..\n *\n * syntax: `.album { border-image-width: 4px; }`\n *\n * restriction: length, percentage, number\n *\n * browsers: E,C16,FF15,IE11,O15,S6\n *\n * ref: http://www.w3.org/TR/css3-background/#border-image-slice\n *\n * @param value -\n */\n borderImageWidth(value: CSSProps['borderImageWidth']) {\n this.set('border-image-width', value)\n return this\n }\n\n /**\n * Logical 'border-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-inline-end: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEnd(value: CSSProps['borderInlineEnd']) {\n this.set('border-inline-end', value)\n return this\n }\n\n /**\n * Logical 'border-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `header { border-inline-start: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStart(value: CSSProps['borderInlineStart']) {\n this.set('border-inline-start', value)\n return this\n }\n\n /**\n * Logical 'border-right-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-end-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEndColor(value: CSSProps['borderInlineEndColor']) {\n this.set('border-inline-end-color', value)\n return this\n }\n\n /**\n * Logical 'border-left-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-start-color: red; }`\n *\n * restriction: color\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStartColor(value: CSSProps['borderInlineStartColor']) {\n this.set('border-inline-start-color', value)\n return this\n }\n\n /**\n * Logical 'border-right-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-end-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEndStyle(value: CSSProps['borderInlineEndStyle']) {\n this.set('border-inline-end-style', value)\n return this\n }\n\n /**\n * Logical 'border-left-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-start-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStartStyle(value: CSSProps['borderInlineStartStyle']) {\n this.set('border-inline-start-style', value)\n return this\n }\n\n /**\n * Logical 'border-right-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-end-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineEndWidth(value: CSSProps['borderInlineEndWidth']) {\n this.set('border-inline-end-width', value)\n return this\n }\n\n /**\n * Logical 'border-left-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { border-inline-start-width: 50px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n borderInlineStartWidth(value: CSSProps['borderInlineStartWidth']) {\n this.set('border-inline-start-width', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color.\n *\n * syntax: `header { border-left: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderLeft(value: CSSProps['borderLeft']) {\n this.set('border-left', value)\n return this\n }\n\n /**\n * Sets the color of the left border..\n *\n * syntax: `td { border-left-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderLeftColor(value: CSSProps['borderLeftColor']) {\n this.set('border-left-color', value)\n return this\n }\n\n /**\n * Sets the style of the left border..\n *\n * syntax: `td { border-left-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderLeftStyle(value: CSSProps['borderLeftStyle']) {\n this.set('border-left-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the left border..\n *\n * syntax: `td { border-left-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderLeftWidth(value: CSSProps['borderLeftWidth']) {\n this.set('border-left-width', value)\n return this\n }\n\n /**\n * Defines the radii of the outer border edge..\n *\n * syntax: `td { border-radius: 3px 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderRadius(value: CSSProps['borderRadius']) {\n this.set('border-radius', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color.\n *\n * syntax: `header { border-right: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderRight(value: CSSProps['borderRight']) {\n this.set('border-right', value)\n return this\n }\n\n /**\n * Sets the color of the right border..\n *\n * syntax: `td { border-right-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderRightColor(value: CSSProps['borderRightColor']) {\n this.set('border-right-color', value)\n return this\n }\n\n /**\n * Sets the style of the right border..\n *\n * syntax: `td { border-right-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderRightStyle(value: CSSProps['borderRightStyle']) {\n this.set('border-right-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the right border..\n *\n * syntax: `td { border-right-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderRightWidth(value: CSSProps['borderRightWidth']) {\n this.set('border-right-width', value)\n return this\n }\n\n /**\n * The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative..\n *\n * syntax: `table { border-spacing: 10px 50px; }`\n *\n * restriction: length\n *\n * browsers: E,C,FF1,IE8,O7,S1.2\n *\n * ref: http://www.w3.org/TR/CSS2/tables.html#borders\n *\n * @param value -\n */\n borderSpacing(value: CSSProps['borderSpacing']) {\n this.set('border-spacing', value)\n return this\n }\n\n /**\n * The style of the border around edges of an element..\n *\n * syntax: `td { border-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderStyle(value: CSSProps['borderStyle']) {\n this.set('border-style', value)\n return this\n }\n\n /**\n * Shorthand property for setting border width, style and color.\n *\n * syntax: `header { border-top: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#borders\n *\n * @param value -\n */\n borderTop(value: CSSProps['borderTop']) {\n this.set('border-top', value)\n return this\n }\n\n /**\n * Sets the color of the top border..\n *\n * syntax: `td { border-top-color: blue; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-color\n *\n * @param value -\n */\n borderTopColor(value: CSSProps['borderTopColor']) {\n this.set('border-top-color', value)\n return this\n }\n\n /**\n * Defines the radii of the top left outer border edge..\n *\n * syntax: `td { border-top-left-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderTopLeftRadius(value: CSSProps['borderTopLeftRadius']) {\n this.set('border-top-left-radius', value)\n return this\n }\n\n /**\n * Defines the radii of the top right outer border edge..\n *\n * syntax: `td { border-top-right-radius: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: E,C,FF4,IE9,O10.5,S5\n *\n * ref: http://www.w3.org/TR/css3-background/#border-radius\n *\n * @param value -\n */\n borderTopRightRadius(value: CSSProps['borderTopRightRadius']) {\n this.set('border-top-right-radius', value)\n return this\n }\n\n /**\n * Sets the style of the top border..\n *\n * syntax: `td { border-top-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-style\n *\n * @param value -\n */\n borderTopStyle(value: CSSProps['borderTopStyle']) {\n this.set('border-top-style', value)\n return this\n }\n\n /**\n * Sets the thickness of the top border..\n *\n * syntax: `td { border-top-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderTopWidth(value: CSSProps['borderTopWidth']) {\n this.set('border-top-width', value)\n return this\n }\n\n /**\n * Shorthand that sets the four 'border-*-width' properties. If it has four values, they set top, right, bottom and left in that order. If left is missing, it is the same as right; if bottom is missing, it is the same as top; if right is missing, it is the same as top..\n *\n * syntax: `td { border-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-background/#border-width\n *\n * @param value -\n */\n borderWidth(value: CSSProps['borderWidth']) {\n this.set('border-width', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's 'containing block'..\n *\n * syntax: `article { bottom: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-bottom\n *\n * @param value -\n */\n bottom(value: CSSProps['bottom']) {\n this.set('bottom', value)\n return this\n }\n\n /**\n * Specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is individually wrapped with the border and padding..\n * \n * syntax: `div { box-decoration-break: clone; }`\n * \n * restriction: enum\n * \n * browsers: FF32,O11\n * \n * ref: http://www.w3.org/TR/css3-break/#break-decoration\n *\n * values:\n * ```md\n * clone: Each box is independently wrapped with the border and padding.\n\n * slice: The effect is as though the element were rendered with no breaks present, and then sliced by the breaks afterward.\n * ```\n * @param value -\n */\n boxDecorationBreak(value: CSSProps['boxDecorationBreak']) {\n this.set('box-decoration-break', value)\n return this\n }\n\n /**\n * Attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional 'inset' keyword. Omitted lengths are 0; omitted colors are a user agent chosen color..\n * \n * syntax: `div { box-shadow: rgba(0,0,0,0.4) 10px 10px inset; }`\n * \n * restriction: length, color, enum\n * \n * browsers: E,C,FF4,IE9,O11.5,S5.1\n * \n * ref: http://www.w3.org/TR/css3-background/#box-shadow\n *\n * values:\n * ```md\n * inset: Changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it).\n\n * none: No shadow.\n * ```\n * @param value -\n */\n boxShadow(value: CSSProps['boxShadow']) {\n this.set('box-shadow', value)\n return this\n }\n\n /**\n * Specifies the behavior of the 'width' and 'height' properties..\n * \n * syntax: `div { box-sizing: content-box; }`\n * \n * restriction: enum\n * \n * browsers: E,C10,FF29,IE8,O8,S5.1\n * \n * ref: http://www.w3.org/TR/css3-ui/#box-sizing\n *\n * values:\n * ```md\n * border-box: The specified width and height (and respective min/max properties) on this element determine the border box of the element.\n\n * content-box: Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element.\n * ```\n * @param value -\n */\n boxSizing(value: CSSProps['boxSizing']) {\n this.set('box-sizing', value)\n return this\n }\n\n /**\n * Specifies the position of the caption box with respect to the table box..\n * \n * syntax: `caption { caption-side: bottom; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF,IE8,O,S\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#caption-position\n *\n * values:\n * ```md\n * block-end: Logical 'bottom'\n\n * block-start: Logical 'top'\n\n * bottom: Positions the caption box below the table box.\n\n * inline-end: Logical 'right'\n\n * inline-start: Logical 'left'\n\n * top: Positions the caption box above the table box.\n * ```\n * @param value -\n */\n captionSide(value: CSSProps['captionSide']) {\n this.set('caption-side', value)\n return this\n }\n\n /**\n * Controls the color of the text insertion indicator..\n *\n * syntax: `textarea { caret-color: red; }`\n *\n * restriction: color, enum\n *\n * browsers: C60,FF55,O46\n *\n * ref: http://www.w3.org/TR/css3-ui/#propdef-caret-color\n *\n * @param value -\n */\n caretColor(value: CSSProps['caretColor']) {\n this.set('caret-color', value)\n return this\n }\n\n /**\n * Indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts..\n * \n * syntax: `footer { clear: both; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/2006/WD-CSS21-20060411/visuren.html#propdef-clear\n *\n * values:\n * ```md\n * both: The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document.\n\n * inline-end: Logical 'right'\n\n * inline-start: Logical 'left'\n\n * left: The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document.\n\n * none: No constraint on the box's position with respect to floats.\n\n * right: The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document.\n * ```\n * @param value -\n */\n clear(value: CSSProps['clear']) {\n this.set('clear', value)\n return this\n }\n\n /**\n * Deprecated. Use the 'clip-path' property when support allows. Defines the visible portion of an element's box..\n * \n * syntax: `span { clip: rect(0px, 60px, 200px, 0px); }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-masking/#clip-property\n *\n * values:\n * ```md\n * auto: The element does not clip.\n\n * rect(): Specifies offsets from the edges of the border box.\n * ```\n * @param value -\n */\n clip(value: CSSProps['clip']) {\n this.set('clip', value)\n return this\n }\n\n /**\n * Specifies a clipping path where everything inside the path is visible and everything outside is clipped out..\n * \n * syntax: ` `\n * \n * restriction: url, shape, geometry-box, enum\n * \n * browsers: FF3.5\n * \n * ref: http://www.w3.org/TR/css-masking/#the-clip-path\n *\n * values:\n * ```md\n * none: No clipping path gets created.\n\n * url(): References a <clipPath> element to create a clipping path.\n * ```\n * @param value -\n */\n clipPath(value: CSSProps['clipPath']) {\n this.set('clip-path', value)\n return this\n }\n\n /**\n * Indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: E,C5,FF3,IE10,O9,S6\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-clip-rule\n *\n * values:\n * ```md\n * evenodd: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.\n\n * nonzero: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray.\n * ```\n * @param value -\n */\n clipRule(value: CSSProps['clipRule']) {\n this.set('clip-rule', value)\n return this\n }\n\n /**\n * Sets the color of an element's text.\n *\n * syntax: `body { color: red; }`\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-color/#foreground\n *\n * @param value -\n */\n color(value: CSSProps['color']) {\n this.set('color', value)\n return this\n }\n\n /**\n * Specifies the color space for imaging operations performed via filter effects..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: E,C5,FF3,IE10,O9,S6\n * \n * ref: http://www.w3.org/TR/filter-effects/#ColorInterpolationFiltersProperty\n *\n * values:\n * ```md\n * auto: Color operations are not required to occur in a particular color space.\n\n * linearRGB: Color operations should occur in the linearized RGB color space.\n\n * sRGB: Color operations should occur in the sRGB color space.\n * ```\n * @param value -\n */\n colorInterpolationFilters(value: CSSProps['colorInterpolationFilters']) {\n this.set('color-interpolation-filters', value)\n return this\n }\n\n /**\n * Describes the optimal number of columns into which the content of the element will be flowed..\n *\n * syntax: `div { column-count: 3; }`\n *\n * restriction: integer, enum\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-count\n *\n * @param value -\n */\n columnCount(value: CSSProps['columnCount']) {\n this.set('column-count', value)\n return this\n }\n\n /**\n * In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced..\n * \n * syntax: `article { column-fill: balance; }`\n * \n * restriction: enum\n * \n * browsers: E,IE10,O11.5,S9\n * \n * ref: http://www.w3.org/TR/css3-multicol/#filling-columns\n *\n * values:\n * ```md\n * auto: Fills columns sequentially.\n\n * balance: Balance content equally between columns, if possible.\n * ```\n * @param value -\n */\n columnFill(value: CSSProps['columnFill']) {\n this.set('column-fill', value)\n return this\n }\n\n /**\n * Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap..\n *\n * syntax: `div { column-gap: 10px; }`\n *\n * restriction: length, enum\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-gap0\n *\n * @param value -\n */\n columnGap(value: CSSProps['columnGap']) {\n this.set('column-gap', value)\n return this\n }\n\n /**\n * Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values..\n *\n * syntax: `header { column-rule: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule0\n *\n * @param value -\n */\n columnRule(value: CSSProps['columnRule']) {\n this.set('column-rule', value)\n return this\n }\n\n /**\n * Sets the style of the rule between columns of an element..\n *\n * syntax: `div { column-rule-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: E,IE10,O11.5,S6\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-style\n *\n * @param value -\n */\n columnRuleStyle(value: CSSProps['columnRuleStyle']) {\n this.set('column-rule-style', value)\n return this\n }\n\n /**\n * Sets the width of the rule between columns. Negative values are not allowed..\n *\n * syntax: `div { column-rule-width: 3px; }`\n *\n * restriction: length, line-width\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-width\n *\n * @param value -\n */\n columnRuleWidth(value: CSSProps['columnRuleWidth']) {\n this.set('column-rule-width', value)\n return this\n }\n\n /**\n * A shorthand property which sets both 'column-width' and 'column-count'..\n *\n * syntax: `div { columns: 100px 3; }`\n *\n * restriction: length, integer, enum\n *\n * browsers: E,IE10,O11.5,S9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#columns0\n *\n * @param value -\n */\n columns(value: CSSProps['columns']) {\n this.set('columns', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior after the generated box..\n * \n * syntax: `article { column-span: all; }`\n * \n * restriction: enum\n * \n * browsers: E,IE10,O11.5,S9\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-span0\n *\n * values:\n * ```md\n * all: The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear.\n\n * none: The element does not span multiple columns.\n * ```\n * @param value -\n */\n columnSpan(value: CSSProps['columnSpan']) {\n this.set('column-span', value)\n return this\n }\n\n /**\n * Describes the width of columns in multicol elements..\n * \n * syntax: `div { column-width: 100px; }`\n * \n * restriction: length, enum\n * \n * browsers: E,IE10,O11.5,S9\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-width\n *\n * values:\n * ```md\n * auto: The width depends on the values of other properties.\n\n * fill: Specifies the optimal column width as the fill-available inline size of the multi-column element.\n\n * fit-content: Specifies the optimal column width as min(max-content inline size, max(min-content inline size, fill-available inline size)).\n\n * max-content: Specifies the optimal column width as the max-content inline size of the multi-column element's contents.\n\n * min-content: Specifies the optimal column width as the min-content inline size of the multi-column element's contents.\n * ```\n * @param value -\n */\n columnWidth(value: CSSProps['columnWidth']) {\n this.set('column-width', value)\n return this\n }\n\n /**\n * Indicates that an element and its contents are, as much as possible, independent of the rest of the document tree..\n * \n * syntax: `div { contain: strict; }`\n * \n * restriction: enum\n * \n * browsers: C52,O40\n * \n * ref: https://drafts.csswg.org/css-containment-3/#propdef-contain\n *\n * values:\n * ```md\n * none: Indicates that the property has no effect.\n\n * strict: Turns on all forms of containment for the element.\n\n * content: All containment rules except size are applied to the element.\n\n * size: For properties that can have effects on more than just an element and its descendants, those effects don't escape the containing element.\n\n * layout: Turns on layout containment for the element.\n\n * style: Turns on style containment for the element.\n\n * paint: Turns on paint containment for the element.\n * ```\n * @param value -\n */\n contain(value: CSSProps['contain']) {\n this.set('contain', value)\n return this\n }\n\n /**\n * Determines which page-based occurrence of a given element is applied to a counter or string value..\n * \n * syntax: `a:after { content: ' ( attr(href))';}`\n * \n * restriction: string, url\n * \n * browsers: E,C,FF1,IE8,O4,S1\n * \n * ref: http://www.w3.org/TR/css3-content/#content\n *\n * values:\n * ```md\n * attr(): The attr(n) function returns as a string the value of attribute n for the subject of the selector.\n\n * box: A hollow square.\n\n * check: A check mark.\n\n * circle: A hollow circle.\n\n * close-quote: Value is replaced by the appropriate string from the 'quotes' property.\n\n * contents: Displays the element's descendants.\n\n * counter(name): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * counter(name, style): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * counters(name, string): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * counters(name, string, style): Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).\n\n * date(format): Current date and/or time, formatted according to the specified formatting string. Format is based on POSIX date formatting strings.\n\n * diamond: A filled diamond. On some platforms, this is similar to 'disc'.\n\n * disc: A filled circle.\n\n * endnote: Shorthand for 'counter(endnote, normal)'. This is intended to be used on the in-flow part of a endnote.\n\n * footnote: Shorthand for 'counter(footnote, normal)'. This is intended to be used on the in-flow part of a footnote.\n\n * hyphen: A hyphen bullet.\n\n * icon: The (pseudo-)element is replaced in its entirety by the resource referenced by its 'icon' property, and treated as a replaced element.\n\n * inhibit: On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements, this inhibits the creation of the pseudo-element, as if 'display' computed to 'none'.\n\n * list-item: Shorthand for 'counter(list-item, normal)'. Note that this is not equivalent to 'normal' when set on a '::marker' pseudo-element that has a superior with 'display' set to 'list-item', as it ignores the 'list-style' properties.\n\n * no-close-quote: Inserts nothing (as in 'none'), but increments (decrements) the level of nesting for quotes.\n\n * none: On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements it causes the pseudo-element to have no content.\n\n * no-open-quote: Inserts nothing (as in 'none'), but increments (decrements) the level of nesting for quotes.\n\n * normal: See http://www.w3.org/TR/css3-content/#content for computation rules.\n\n * open-quote: Value is replaced by the appropriate string from the 'quotes' property.\n\n * pending(): This causes all elements and pseudo-elements whose 'move-to' property computes to the specified identifier to be inserted as children of the current element (or pseudo-element).\n\n * section-note: Shorthand for 'counter(section-note, normal)'. This is intended to be used on the in-flow part of a section-note.\n\n * square: A filled square.\n\n * string(name): Specifies a string value\n\n * url(): undefined\n * ```\n * @param value -\n */\n content(value: CSSProps['content']) {\n this.set('content', value)\n return this\n }\n\n /**\n * Manipulate the value of existing counters..\n *\n * syntax: `h1:before { counter-increment: section; }`\n *\n * restriction: identifier, integer\n *\n * browsers: E,C,FF1.5,IE8,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-content/#counters\n *\n * @param value -\n */\n counterIncrement(value: CSSProps['counterIncrement']) {\n this.set('counter-increment', value)\n return this\n }\n\n /**\n * Property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element..\n *\n * syntax: `h1 { counter-reset: section; }`\n *\n * restriction: identifier, integer\n *\n * browsers: E,C,FF1.5,IE8,O10.5,S3\n *\n * ref: http://www.w3.org/TR/css3-content/#counters\n *\n * @param value -\n */\n counterReset(value: CSSProps['counterReset']) {\n this.set('counter-reset', value)\n return this\n }\n\n /**\n * Allows control over cursor appearance in an element.\n * \n * syntax: `nav { cursor: pointer; }`\n * \n * restriction: url, number, enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-ui/#cursor0\n *\n * values:\n * ```md\n * alias: Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it.\n\n * all-scroll: Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle.\n\n * auto: The UA determines the cursor to display based on the current context.\n\n * cell: Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle.\n\n * col-resize: Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them.\n\n * context-menu: A context menu is available for the object under the cursor. Often rendered as an arrow with a small menu-like graphic next to it.\n\n * copy: Indicates something is to be copied. Often rendered as an arrow with a small plus sign next to it.\n\n * crosshair: A simple crosshair (e.g., short line segments resembling a '+' sign). Often used to indicate a two dimensional bitmap selection mode.\n\n * default: The platform-dependent default cursor. Often rendered as an arrow.\n\n * e-resize: Indicates that east edge is to be moved.\n\n * ew-resize: Indicates a bidirectional east-west resize cursor.\n\n * grab: Indicates that something can be grabbed.\n\n * grabbing: Indicates that something is being grabbed.\n\n * help: Help is available for the object under the cursor. Often rendered as a question mark or a balloon.\n\n * move: Indicates something is to be moved.\n\n * -moz-grab: Indicates that something can be grabbed.\n\n * -moz-grabbing: Indicates that something is being grabbed.\n\n * -moz-zoom-in: Indicates that something can be zoomed (magnified) in.\n\n * -moz-zoom-out: Indicates that something can be zoomed (magnified) out.\n\n * ne-resize: Indicates that movement starts from north-east corner.\n\n * nesw-resize: Indicates a bidirectional north-east/south-west cursor.\n\n * no-drop: Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it.\n\n * none: No cursor is rendered for the element.\n\n * not-allowed: Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it.\n\n * n-resize: Indicates that north edge is to be moved.\n\n * ns-resize: Indicates a bidirectional north-south cursor.\n\n * nw-resize: Indicates that movement starts from north-west corner.\n\n * nwse-resize: Indicates a bidirectional north-west/south-east cursor.\n\n * pointer: The cursor is a pointer that indicates a link.\n\n * progress: A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass.\n\n * row-resize: Indicates that the item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them.\n\n * se-resize: Indicates that movement starts from south-east corner.\n\n * s-resize: Indicates that south edge is to be moved.\n\n * sw-resize: Indicates that movement starts from south-west corner.\n\n * text: Indicates text that may be selected. Often rendered as a vertical I-beam.\n\n * vertical-text: Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam.\n\n * wait: Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass.\n\n * -webkit-grab: Indicates that something can be grabbed.\n\n * -webkit-grabbing: Indicates that something is being grabbed.\n\n * -webkit-zoom-in: Indicates that something can be zoomed (magnified) in.\n\n * -webkit-zoom-out: Indicates that something can be zoomed (magnified) out.\n\n * w-resize: Indicates that west edge is to be moved.\n\n * zoom-in: Indicates that something can be zoomed (magnified) in.\n\n * zoom-out: Indicates that something can be zoomed (magnified) out.\n * ```\n * @param value -\n */\n cursor(value: CSSProps['cursor']) {\n this.set('cursor', value)\n return this\n }\n\n /**\n * Specifies the inline base direction or directionality of any bidi paragraph, embedding, isolate, or override established by the box. Note: for HTML content use the 'dir' attribute and 'bdo' element rather than this property..\n * \n * syntax: `div { direction: rtl; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#direction\n *\n * values:\n * ```md\n * ltr: Left-to-right direction.\n\n * rtl: Right-to-left direction.\n * ```\n * @param value -\n */\n direction(value: CSSProps['direction']) {\n this.set('direction', value)\n return this\n }\n\n /**\n * In combination with 'float' and 'position', determines the type of box or boxes that are generated for an element..\n * \n * syntax: `p { display: inline; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-display-3/#propdef-display\n *\n * values:\n * ```md\n * block: The element generates a block-level box\n\n * contents: The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal.\n\n * flex: The element generates a principal flex container box and establishes a flex formatting context.\n\n * flexbox: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * flow: The element lays out its contents using flow layout (block-and-inline layout).\n\n * flow-root: The element generates a block container box, and lays out its contents using flow layout.\n\n * grid: The element generates a principal grid container box, and establishes a grid formatting context.\n\n * inline: The element generates an inline-level box.\n\n * inline-block: A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box.\n\n * inline-flex: Inline-level flex container.\n\n * inline-flexbox: Inline-level flex container. Standardized as 'inline-flex'\n\n * inline-grid: Inline-level grid container.\n\n * inline-table: Inline-level table wrapper box containing table box.\n\n * list-item: One or more block boxes and one marker box.\n\n * -moz-box: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * -moz-deck: undefined\n\n * -moz-grid: undefined\n\n * -moz-grid-group: undefined\n\n * -moz-grid-line: undefined\n\n * -moz-groupbox: undefined\n\n * -moz-inline-box: Inline-level flex container. Standardized as 'inline-flex'\n\n * -moz-inline-grid: undefined\n\n * -moz-inline-stack: undefined\n\n * -moz-marker: undefined\n\n * -moz-popup: undefined\n\n * -moz-stack: undefined\n\n * -ms-flexbox: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * -ms-grid: The element generates a principal grid container box, and establishes a grid formatting context.\n\n * -ms-inline-flexbox: Inline-level flex container. Standardized as 'inline-flex'\n\n * -ms-inline-grid: Inline-level grid container.\n\n * none: The element and its descendants generates no boxes.\n\n * ruby: The element generates a principal ruby container box, and establishes a ruby formatting context.\n\n * ruby-base: undefined\n\n * ruby-base-container: undefined\n\n * ruby-base-group: undefined\n\n * ruby-text: undefined\n\n * ruby-text-container: undefined\n\n * ruby-text-group: undefined\n\n * run-in: The element generates a run-in box. Run-in elements act like inlines or blocks, depending on the surrounding elements.\n\n * table: The element generates a principal table wrapper box containing an additionally-generated table box, and establishes a table formatting context.\n\n * table-caption: undefined\n\n * table-cell: undefined\n\n * table-column: undefined\n\n * table-column-group: undefined\n\n * table-footer-group: undefined\n\n * table-header-group: undefined\n\n * table-row: undefined\n\n * table-row-group: undefined\n\n * -webkit-box: The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.\n\n * -webkit-flex: The element lays out its contents using flow layout (block-and-inline layout).\n\n * -webkit-inline-box: Inline-level flex container. Standardized as 'inline-flex'\n\n * -webkit-inline-flex: Inline-level flex container.\n * ```\n * @param value -\n */\n display(value: CSSProps['display']) {\n this.set('display', value)\n return this\n }\n\n /**\n * In the separated borders model, this property controls the rendering of borders and backgrounds around cells that have no visible content..\n * \n * syntax: `table { empty-cells: hide; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF1,IE7,O4,S1.2\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#empty-cells\n *\n * values:\n * ```md\n * hide: No borders or backgrounds are drawn around/behind empty cells.\n\n * -moz-show-background: undefined\n\n * show: Borders and backgrounds are drawn around/behind empty cells (like normal cells).\n * ```\n * @param value -\n */\n emptyCells(value: CSSProps['emptyCells']) {\n this.set('empty-cells', value)\n return this\n }\n\n /**\n * Deprecated. Use 'isolation' property instead when support allows. Specifies how the accumulation of the background image is managed..\n * \n * syntax: ` `\n * \n * restriction: integer, length, percentage, enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/filter-effects/#AccessBackgroundImage\n *\n * values:\n * ```md\n * accumulate: If the ancestor container element has a property of new, then all graphics elements within the current container are rendered both on the parent's background image and onto the target.\n\n * new: Create a new background image canvas. All children of the current container element can access the background, and they will be rendered onto both the parent's background image canvas in addition to the target device.\n * ```\n * @param value -\n */\n enableBackground(value: CSSProps['enableBackground']) {\n this.set('enable-background', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a fallback counter style to be used when the current counter style can't create a representation for a given counter value..\n *\n * syntax: `@counter-style { fallback: upper-alpha; }`\n *\n * restriction: identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-fallback\n *\n * @param value -\n */\n fallback(value: CSSProps['fallback']) {\n this.set('fallback', value)\n return this\n }\n\n /**\n * Paints the interior of the given graphical element..\n * \n * syntax: ` `\n * \n * restriction: color, enum, url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#FillProperty\n *\n * values:\n * ```md\n * child: A reference to the last child paint server element of the element being painted.\n\n * child(): A reference to the nth child paint server element of the element being painted.\n\n * context-fill: The computed value of the 'fill' property of the context element of the element being painted.\n\n * context-stroke: The computed value of the 'stroke' property of the context element of the element being painted.\n\n * url(): A URL reference to a paint server element, which is an element that defines a paint server: 'hatch', 'linearGradient', 'mesh', 'pattern', 'radialGradient' and 'solidcolor'.\n\n * none: No paint is applied in this layer.\n * ```\n * @param value -\n */\n fill(value: CSSProps['fill']) {\n this.set('fill', value)\n return this\n }\n\n /**\n * Specifies the opacity of the painting operation used to paint the interior the current object..\n *\n * syntax: ` `\n *\n * restriction: number(0-1)\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#FillOpacity\n *\n * @param value -\n */\n fillOpacity(value: CSSProps['fillOpacity']) {\n this.set('fill-opacity', value)\n return this\n }\n\n /**\n * Indicates the algorithm (or winding rule) which is to be used to determine what parts of the canvas are included inside the shape..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#WindingRule\n *\n * values:\n * ```md\n * evenodd: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.\n\n * nonzero: Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray.\n * ```\n * @param value -\n */\n fillRule(value: CSSProps['fillRule']) {\n this.set('fill-rule', value)\n return this\n }\n\n /**\n * Processes an element's rendering before it is displayed in the document, by applying one or more filter effects..\n * \n * syntax: `div { filter: opacity(50%); }`\n * \n * restriction: enum, url\n * \n * browsers: E13,FF35\n * \n * ref: http://www.w3.org/TR/filter-effects/#propdef-filter\n *\n * values:\n * ```md\n * none: No filter effects are applied.\n\n * blur(): Applies a Gaussian blur to the input image.\n\n * brightness(): Applies a linear multiplier to input image, making it appear more or less bright.\n\n * contrast(): Adjusts the contrast of the input.\n\n * drop-shadow(): Applies a drop shadow effect to the input image.\n\n * grayscale(): Converts the input image to grayscale.\n\n * hue-rotate(): Applies a hue rotation on the input image. \n\n * invert(): Inverts the samples in the input image.\n\n * opacity(): Applies transparency to the samples in the input image.\n\n * saturate(): Saturates the input image.\n\n * sepia(): Converts the input image to sepia.\n\n * url(): A filter reference to a <filter> element.\n * ```\n * @param value -\n */\n filter(value: CSSProps['filter']) {\n this.set('filter', value)\n return this\n }\n\n /**\n * Specifies the components of a flexible length: the flex grow factor and flex shrink factor, and the flex basis..\n * \n * syntax: `p { flex: 0 1 auto; }`\n * \n * restriction: length, number, percentage\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex\n *\n * values:\n * ```md\n * auto: Retrieves the value of the main size property as the used 'flex-basis'.\n\n * content: Indicates automatic sizing, based on the flex item's content.\n\n * none: Expands to '0 0 auto'.\n * ```\n * @param value -\n */\n flex(value: CSSProps['flex']) {\n this.set('flex', value)\n return this\n }\n\n /**\n * Sets the flex basis..\n * \n * syntax: `p { flex-basis: 30%; }`\n * \n * restriction: length, number, percentage\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-basis-propdef\n *\n * values:\n * ```md\n * auto: Retrieves the value of the main size property as the used 'flex-basis'.\n\n * content: Indicates automatic sizing, based on the flex item's content.\n * ```\n * @param value -\n */\n flexBasis(value: CSSProps['flexBasis']) {\n this.set('flex-basis', value)\n return this\n }\n\n /**\n * Specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis..\n * \n * syntax: `div { flex-direction: column; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-direction\n *\n * values:\n * ```md\n * column: The flex container's main axis has the same orientation as the block axis of the current writing mode.\n\n * column-reverse: Same as 'column', except the main-start and main-end directions are swapped.\n\n * row: The flex container's main axis has the same orientation as the inline axis of the current writing mode.\n\n * row-reverse: Same as 'row', except the main-start and main-end directions are swapped.\n * ```\n * @param value -\n */\n flexDirection(value: CSSProps['flexDirection']) {\n this.set('flex-direction', value)\n return this\n }\n\n /**\n * Specifies how flexbox items are placed in the flexbox..\n * \n * syntax: `div { flex-flow: column wrap; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF28,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-flow\n *\n * values:\n * ```md\n * column: The flex container's main axis has the same orientation as the block axis of the current writing mode.\n\n * column-reverse: Same as 'column', except the main-start and main-end directions are swapped.\n\n * nowrap: The flex container is single-line.\n\n * row: The flex container's main axis has the same orientation as the inline axis of the current writing mode.\n\n * row-reverse: Same as 'row', except the main-start and main-end directions are swapped.\n\n * wrap: The flexbox is multi-line.\n\n * wrap-reverse: Same as 'wrap', except the cross-start and cross-end directions are swapped.\n * ```\n * @param value -\n */\n flexFlow(value: CSSProps['flexFlow']) {\n this.set('flex-flow', value)\n return this\n }\n\n /**\n * Sets the flex grow factor. Negative numbers are invalid..\n *\n * syntax: `p { flex-grow: 4; }`\n *\n * restriction: number\n *\n * browsers: E,C29,FF22,IE11,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-flexbox/#flex-grow\n *\n * @param value -\n */\n flexGrow(value: CSSProps['flexGrow']) {\n this.set('flex-grow', value)\n return this\n }\n\n /**\n * Sets the flex shrink factor. Negative numbers are invalid..\n *\n * syntax: `p { flex-shrink: 4; }`\n *\n * restriction: number\n *\n * browsers: E,C29,FF22,IE11,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-flexbox/#flex-shrink\n *\n * @param value -\n */\n flexShrink(value: CSSProps['flexShrink']) {\n this.set('flex-shrink', value)\n return this\n }\n\n /**\n * Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in..\n * \n * syntax: `div { flex-wrap: nowrap; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF28,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#flex-wrap\n *\n * values:\n * ```md\n * nowrap: The flex container is single-line.\n\n * wrap: The flexbox is multi-line.\n\n * wrap-reverse: Same as 'wrap', except the cross-start and cross-end directions are swapped.\n * ```\n * @param value -\n */\n flexWrap(value: CSSProps['flexWrap']) {\n this.set('flex-wrap', value)\n return this\n }\n\n /**\n * Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned..\n * \n * syntax: `img { float: right; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/CSS21/visuren.html#propdef-float\n *\n * values:\n * ```md\n * inline-end: A keyword indicating that the element must float on the end side of its containing block. That is the right side with ltr scripts, and the left side with rtl scripts.\n\n * inline-start: A keyword indicating that the element must float on the start side of its containing block. That is the left side with ltr scripts, and the right side with rtl scripts.\n\n * left: The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property).\n\n * none: The box is not floated.\n\n * right: Similar to 'left', except the box is floated to the right, and content flows on the left side of the box, starting at the top.\n * ```\n * @param value -\n */\n float(value: CSSProps['float']) {\n this.set('float', value)\n return this\n }\n\n /**\n * Indicates what color to use to flood the current filter primitive subregion..\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: E,C5,FF3,IE10,O9,S6\n *\n * ref: http://www.w3.org/TR/filter-effects/#FloodColorProperty\n *\n * @param value -\n */\n floodColor(value: CSSProps['floodColor']) {\n this.set('flood-color', value)\n return this\n }\n\n /**\n * Indicates what opacity to use to flood the current filter primitive subregion..\n *\n * syntax: ` `\n *\n * restriction: number(0-1), percentage\n *\n * browsers: E,C5,FF3,IE10,O9,S6\n *\n * ref: http://www.w3.org/TR/filter-effects/#FloodOpacityProperty\n *\n * @param value -\n */\n floodOpacity(value: CSSProps['floodOpacity']) {\n this.set('flood-opacity', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family', at the same place in the style sheet. The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts..\n * \n * syntax: `body { font: bold 12px arial, verdana; }`\n * \n * restriction: font\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font\n *\n * values:\n * ```md\n * 100: Thin\n\n * 200: Extra Light (Ultra Light)\n\n * 300: Light\n\n * 400: Normal\n\n * 500: Medium\n\n * 600: Semi Bold (Demi Bold)\n\n * 700: Bold\n\n * 800: Extra Bold (Ultra Bold)\n\n * 900: Black (Heavy)\n\n * bold: Same as 700\n\n * bolder: Specifies the weight of the face bolder than the inherited value.\n\n * caption: The font used for captioned controls (e.g., buttons, drop-downs, etc.).\n\n * icon: The font used to label icons.\n\n * italic: Selects a font that is labeled 'italic', or, if that is not available, one labeled 'oblique'.\n\n * large: undefined\n\n * larger: undefined\n\n * lighter: Specifies the weight of the face lighter than the inherited value.\n\n * medium: undefined\n\n * menu: The font used in menus (e.g., dropdown menus and menu lists).\n\n * message-box: The font used in dialog boxes.\n\n * normal: Specifies a face that is not labeled as a small-caps font.\n\n * oblique: Selects a font that is labeled 'oblique'.\n\n * small: undefined\n\n * small-caps: Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font.\n\n * small-caption: The font used for labeling small controls.\n\n * smaller: undefined\n\n * status-bar: The font used in window status bars.\n\n * x-large: undefined\n\n * x-small: undefined\n\n * xx-large: undefined\n\n * xx-small: undefined\n * ```\n * @param value -\n */\n font(value: CSSProps['font']) {\n this.set('font', value)\n return this\n }\n\n /**\n * Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered..\n * \n * syntax: `body { font-family: arial, verdana; }`\n * \n * restriction: font\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-family0\n *\n * values:\n * ```md\n * system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif: undefined\n\n * Arial, Helvetica, sans-serif: undefined\n\n * Cambria, Cochin, Georgia, Times, 'Times New Roman', serif: undefined\n\n * 'Courier New', Courier, monospace: undefined\n\n * cursive: undefined\n\n * fantasy: undefined\n\n * 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif: undefined\n\n * Georgia, 'Times New Roman', Times, serif: undefined\n\n * 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif: undefined\n\n * Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif: undefined\n\n * 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif: undefined\n\n * monospace: undefined\n\n * sans-serif: undefined\n\n * 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif: undefined\n\n * serif: undefined\n\n * 'Times New Roman', Times, serif: undefined\n\n * 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif: undefined\n\n * Verdana, Geneva, Tahoma, sans-serif: undefined\n * ```\n * @param value -\n */\n fontFamily(value: CSSProps['fontFamily']) {\n this.set('font-family', value)\n return this\n }\n\n /**\n * Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case..\n * \n * syntax: `body { font-feature-settings: 'hwid'; }`\n * \n * restriction: string, integer\n * \n * browsers: E,FF34,IE10\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings\n *\n * values:\n * ```md\n * aalt: Access All Alternates.\n\n * abvf: Above-base Forms. Required in Khmer script.\n\n * abvm: Above-base Mark Positioning. Required in Indic scripts.\n\n * abvs: Above-base Substitutions. Required in Indic scripts.\n\n * afrc: Alternative Fractions.\n\n * akhn: Akhand. Required in most Indic scripts.\n\n * blwf: Below-base Form. Required in a number of Indic scripts.\n\n * blwm: Below-base Mark Positioning. Required in Indic scripts.\n\n * blws: Below-base Substitutions. Required in Indic scripts.\n\n * calt: Contextual Alternates.\n\n * case: Case-Sensitive Forms. Applies only to European scripts; particularly prominent in Spanish-language setting.\n\n * ccmp: Glyph Composition/Decomposition.\n\n * cfar: Conjunct Form After Ro. Required in Khmer scripts.\n\n * cjct: Conjunct Forms. Required in Indic scripts that show similarity to Devanagari.\n\n * clig: Contextual Ligatures.\n\n * cpct: Centered CJK Punctuation. Used primarily in Chinese fonts.\n\n * cpsp: Capital Spacing. Should not be used in connecting scripts (e.g. most Arabic).\n\n * cswh: Contextual Swash.\n\n * curs: Cursive Positioning. Can be used in any cursive script.\n\n * c2pc: Petite Capitals From Capitals. Applies only to bicameral scripts.\n\n * c2sc: Small Capitals From Capitals. Applies only to bicameral scripts.\n\n * dist: Distances. Required in Indic scripts.\n\n * dlig: Discretionary ligatures.\n\n * dnom: Denominators.\n\n * dtls: Dotless Forms. Applied to math formula layout.\n\n * expt: Expert Forms. Applies only to Japanese.\n\n * falt: Final Glyph on Line Alternates. Can be used in any cursive script.\n\n * fin2: Terminal Form #2. Used only with the Syriac script.\n\n * fin3: Terminal Form #3. Used only with the Syriac script.\n\n * fina: Terminal Forms. Can be used in any alphabetic script.\n\n * flac: Flattened ascent forms. Applied to math formula layout.\n\n * frac: Fractions.\n\n * fwid: Full Widths. Applies to any script which can use monospaced forms.\n\n * half: Half Forms. Required in Indic scripts that show similarity to Devanagari.\n\n * haln: Halant Forms. Required in Indic scripts.\n\n * halt: Alternate Half Widths. Used only in CJKV fonts.\n\n * hist: Historical Forms.\n\n * hkna: Horizontal Kana Alternates. Applies only to fonts that support kana (hiragana and katakana).\n\n * hlig: Historical Ligatures.\n\n * hngl: Hangul. Korean only.\n\n * hojo: Hojo Kanji Forms (JIS X 0212-1990 Kanji Forms). Used only with Kanji script.\n\n * hwid: Half Widths. Generally used only in CJKV fonts.\n\n * init: Initial Forms. Can be used in any alphabetic script.\n\n * isol: Isolated Forms. Can be used in any cursive script.\n\n * ital: Italics. Applies mostly to Latin; note that many non-Latin fonts contain Latin as well.\n\n * jalt: Justification Alternates. Can be used in any cursive script.\n\n * jp78: JIS78 Forms. Applies only to Japanese.\n\n * jp83: JIS83 Forms. Applies only to Japanese.\n\n * jp90: JIS90 Forms. Applies only to Japanese.\n\n * jp04: JIS2004 Forms. Applies only to Japanese.\n\n * kern: Kerning.\n\n * lfbd: Left Bounds.\n\n * liga: Standard Ligatures.\n\n * ljmo: Leading Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported.\n\n * lnum: Lining Figures.\n\n * locl: Localized Forms.\n\n * ltra: Left-to-right glyph alternates.\n\n * ltrm: Left-to-right mirrored forms.\n\n * mark: Mark Positioning.\n\n * med2: Medial Form #2. Used only with the Syriac script.\n\n * medi: Medial Forms.\n\n * mgrk: Mathematical Greek.\n\n * mkmk: Mark to Mark Positioning.\n\n * nalt: Alternate Annotation Forms.\n\n * nlck: NLC Kanji Forms. Used only with Kanji script.\n\n * nukt: Nukta Forms. Required in Indic scripts..\n\n * numr: Numerators.\n\n * onum: Oldstyle Figures.\n\n * opbd: Optical Bounds.\n\n * ordn: Ordinals. Applies mostly to Latin script.\n\n * ornm: Ornaments.\n\n * palt: Proportional Alternate Widths. Used mostly in CJKV fonts.\n\n * pcap: Petite Capitals.\n\n * pkna: Proportional Kana. Generally used only in Japanese fonts.\n\n * pnum: Proportional Figures.\n\n * pref: Pre-base Forms. Required in Khmer and Myanmar (Burmese) scripts and southern Indic scripts that may display a pre-base form of Ra.\n\n * pres: Pre-base Substitutions. Required in Indic scripts.\n\n * pstf: Post-base Forms. Required in scripts of south and southeast Asia that have post-base forms for consonants eg: Gurmukhi, Malayalam, Khmer.\n\n * psts: Post-base Substitutions.\n\n * pwid: Proportional Widths.\n\n * qwid: Quarter Widths. Generally used only in CJKV fonts.\n\n * rand: Randomize.\n\n * rclt: Required Contextual Alternates. May apply to any script, but is especially important for many styles of Arabic.\n\n * rlig: Required Ligatures. Applies to Arabic and Syriac. May apply to some other scripts.\n\n * rkrf: Rakar Forms. Required in Devanagari and Gujarati scripts.\n\n * rphf: Reph Form. Required in Indic scripts. E.g. Devanagari, Kannada.\n\n * rtbd: Right Bounds.\n\n * rtla: Right-to-left alternates.\n\n * rtlm: Right-to-left mirrored forms.\n\n * ruby: Ruby Notation Forms. Applies only to Japanese.\n\n * salt: Stylistic Alternates.\n\n * sinf: Scientific Inferiors.\n\n * size: Optical size.\n\n * smcp: Small Capitals. Applies only to bicameral scripts.\n\n * smpl: Simplified Forms. Applies only to Chinese and Japanese.\n\n * ssty: Math script style alternates.\n\n * stch: Stretching Glyph Decomposition.\n\n * subs: Subscript.\n\n * sups: Superscript.\n\n * swsh: Swash. Does not apply to ideographic scripts.\n\n * titl: Titling.\n\n * tjmo: Trailing Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported.\n\n * tnam: Traditional Name Forms. Applies only to Japanese.\n\n * tnum: Tabular Figures.\n\n * trad: Traditional Forms. Applies only to Chinese and Japanese.\n\n * twid: Third Widths. Generally used only in CJKV fonts.\n\n * unic: Unicase.\n\n * valt: Alternate Vertical Metrics. Applies only to scripts with vertical writing modes.\n\n * vatu: Vattu Variants. Used for Indic scripts. E.g. Devanagari.\n\n * vert: Vertical Alternates. Applies only to scripts with vertical writing modes.\n\n * vhal: Alternate Vertical Half Metrics. Used only in CJKV fonts.\n\n * vjmo: Vowel Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported.\n\n * vkna: Vertical Kana Alternates. Applies only to fonts that support kana (hiragana and katakana).\n\n * vkrn: Vertical Kerning.\n\n * vpal: Proportional Alternate Vertical Metrics. Used mostly in CJKV fonts.\n\n * vrt2: Vertical Alternates and Rotation. Applies only to scripts with vertical writing modes.\n\n * zero: Slashed Zero.\n\n * normal: No change in glyph substitution or positioning occurs.\n\n * off: Disable feature.\n\n * on: Enable feature.\n * ```\n * @param value -\n */\n fontFeatureSettings(value: CSSProps['fontFeatureSettings']) {\n this.set('font-feature-settings', value)\n return this\n }\n\n /**\n * Kerning is the contextual adjustment of inter-glyph spacing. This property controls metric kerning, kerning that utilizes adjustment data contained in the font..\n * \n * syntax: `body { font-kerning: normal; }`\n * \n * restriction: enum\n * \n * browsers: C33,FF34,O20\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-kerning\n *\n * values:\n * ```md\n * auto: Specifies that kerning is applied at the discretion of the user agent.\n\n * none: Specifies that kerning is not applied.\n\n * normal: Specifies that kerning is applied.\n * ```\n * @param value -\n */\n fontKerning(value: CSSProps['fontKerning']) {\n this.set('font-kerning', value)\n return this\n }\n\n /**\n * The value of 'normal' implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering..\n *\n * syntax: `body { font-language-override: 'SRB'; }`\n *\n * restriction: string\n *\n * browsers: FF34\n *\n * ref: http://www.w3.org/TR/css3-fonts/#font-language-override-prop\n *\n * @param value -\n */\n fontLanguageOverride(value: CSSProps['fontLanguageOverride']) {\n this.set('font-language-override', value)\n return this\n }\n\n /**\n * Indicates the desired height of glyphs from the font. For scalable fonts, the font-size is a scale factor applied to the EM unit of the font. (Note that certain glyphs may bleed outside their EM box.) For non-scalable fonts, the font-size is converted into absolute units and matched against the declared font-size of the font, using the same absolute coordinate space for both of the matched values..\n * \n * syntax: `div { font-size: 12px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-size-prop\n *\n * values:\n * ```md\n * large: undefined\n\n * larger: undefined\n\n * medium: undefined\n\n * small: undefined\n\n * smaller: undefined\n\n * x-large: undefined\n\n * x-small: undefined\n\n * xx-large: undefined\n\n * xx-small: undefined\n * ```\n * @param value -\n */\n fontSize(value: CSSProps['fontSize']) {\n this.set('font-size', value)\n return this\n }\n\n /**\n * Preserves the readability of text when font fallback occurs by adjusting the font-size so that the x-height is the same regardless of the font used..\n *\n * syntax: `div { font-size-adjust: 0.58; }`\n *\n * restriction: number\n *\n * browsers: E,FF3,IE10\n *\n * ref: http://www.w3.org/TR/css3-fonts/#font-size-adjust\n *\n * @param value -\n */\n fontSizeAdjust(value: CSSProps['fontSizeAdjust']) {\n this.set('font-size-adjust', value)\n return this\n }\n\n /**\n * Selects a normal, condensed, or expanded face from a font family..\n * \n * syntax: `div { font-stretch: expanded; }`\n * \n * restriction: enum\n * \n * browsers: E,FF9,IE9\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-stretch0\n *\n * values:\n * ```md\n * condensed: undefined\n\n * expanded: undefined\n\n * extra-condensed: undefined\n\n * extra-expanded: undefined\n\n * narrower: Indicates a narrower value relative to the width of the parent element.\n\n * normal: undefined\n\n * semi-condensed: undefined\n\n * semi-expanded: undefined\n\n * ultra-condensed: undefined\n\n * ultra-expanded: undefined\n\n * wider: Indicates a wider value relative to the width of the parent element.\n * ```\n * @param value -\n */\n fontStretch(value: CSSProps['fontStretch']) {\n this.set('font-stretch', value)\n return this\n }\n\n /**\n * Allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face..\n * \n * syntax: `body { font-style: italic; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-style0\n *\n * values:\n * ```md\n * italic: Selects a font that is labeled as an 'italic' face, or an 'oblique' face if one is not\n\n * normal: Selects a face that is classified as 'normal'.\n\n * oblique: Selects a font that is labeled as an 'oblique' face, or an 'italic' face if one is not.\n * ```\n * @param value -\n */\n fontStyle(value: CSSProps['fontStyle']) {\n this.set('font-style', value)\n return this\n }\n\n /**\n * Controls whether user agents are allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces..\n * \n * syntax: `html:lang(ar) { font-synthesis: none; }`\n * \n * restriction: enum\n * \n * browsers: FF34,S9\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-synthesis\n *\n * values:\n * ```md\n * none: Disallow all synthetic faces.\n\n * style: Allow synthetic italic faces.\n\n * weight: Allow synthetic bold faces.\n * ```\n * @param value -\n */\n fontSynthesis(value: CSSProps['fontSynthesis']) {\n this.set('font-synthesis', value)\n return this\n }\n\n /**\n * Specifies variant representations of the font.\n * \n * syntax: `div { font-variant: small-caps; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-prop\n *\n * values:\n * ```md\n * normal: Specifies a face that is not labeled as a small-caps font.\n\n * small-caps: Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font.\n * ```\n * @param value -\n */\n fontVariant(value: CSSProps['fontVariant']) {\n this.set('font-variant', value)\n return this\n }\n\n /**\n * For any given character, fonts can provide a variety of alternate glyphs in addition to the default glyph for that character. This property provides control over the selection of these alternate glyphs..\n * \n * syntax: `h2 { font-variant-alternates: styleset(3,5); }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-variant-alternates\n *\n * values:\n * ```md\n * annotation(): Enables display of alternate annotation forms.\n\n * character-variant(): Enables display of specific character variants.\n\n * historical-forms: Enables display of historical forms.\n\n * normal: None of the features are enabled.\n\n * ornaments(): Enables replacement of default glyphs with ornaments, if provided in the font.\n\n * styleset(): Enables display with stylistic sets.\n\n * stylistic(): Enables display of stylistic alternates.\n\n * swash(): Enables display of swash glyphs.\n * ```\n * @param value -\n */\n fontVariantAlternates(value: CSSProps['fontVariantAlternates']) {\n this.set('font-variant-alternates', value)\n return this\n }\n\n /**\n * Specifies control over capitalized forms..\n * \n * syntax: `p { font-variant-caps: titling-caps; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-caps-prop\n *\n * values:\n * ```md\n * all-petite-caps: Enables display of petite capitals for both upper and lowercase letters.\n\n * all-small-caps: Enables display of small capitals for both upper and lowercase letters.\n\n * normal: None of the features are enabled.\n\n * petite-caps: Enables display of petite capitals.\n\n * small-caps: Enables display of small capitals. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.\n\n * titling-caps: Enables display of titling capitals.\n\n * unicase: Enables display of mixture of small capitals for uppercase letters with normal lowercase letters.\n * ```\n * @param value -\n */\n fontVariantCaps(value: CSSProps['fontVariantCaps']) {\n this.set('font-variant-caps', value)\n return this\n }\n\n /**\n * Allows control of glyph substitute and positioning in East Asian text..\n * \n * syntax: `mark { font-variant-east-asian: normal; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-east-asian-prop\n *\n * values:\n * ```md\n * full-width: Enables rendering of full-width variants.\n\n * jis04: Enables rendering of JIS04 forms.\n\n * jis78: Enables rendering of JIS78 forms.\n\n * jis83: Enables rendering of JIS83 forms.\n\n * jis90: Enables rendering of JIS90 forms.\n\n * normal: None of the features are enabled.\n\n * proportional-width: Enables rendering of proportionally-spaced variants.\n\n * ruby: Enables display of ruby variant glyphs.\n\n * simplified: Enables rendering of simplified forms.\n\n * traditional: Enables rendering of traditional forms.\n * ```\n * @param value -\n */\n fontVariantEastAsian(value: CSSProps['fontVariantEastAsian']) {\n this.set('font-variant-east-asian', value)\n return this\n }\n\n /**\n * Specifies control over which ligatures are enabled or disabled. A value of 'normal' implies that the defaults set by the font are used..\n * \n * syntax: `div { font-variant-ligatures: historical-ligatures; }`\n * \n * restriction: enum\n * \n * browsers: C18,FF34,O15,S6\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-ligatures-prop\n *\n * values:\n * ```md\n * additional-ligatures: Enables display of additional ligatures.\n\n * common-ligatures: Enables display of common ligatures.\n\n * contextual: Enables display of contextual alternates.\n\n * discretionary-ligatures: Enables display of discretionary ligatures.\n\n * historical-ligatures: Enables display of historical ligatures.\n\n * no-additional-ligatures: Disables display of additional ligatures.\n\n * no-common-ligatures: Disables display of common ligatures.\n\n * no-contextual: Disables display of contextual alternates.\n\n * no-discretionary-ligatures: Disables display of discretionary ligatures.\n\n * no-historical-ligatures: Disables display of historical ligatures.\n\n * none: Disables all ligatures.\n\n * normal: Implies that the defaults set by the font are used.\n * ```\n * @param value -\n */\n fontVariantLigatures(value: CSSProps['fontVariantLigatures']) {\n this.set('font-variant-ligatures', value)\n return this\n }\n\n /**\n * Specifies control over numerical forms..\n * \n * syntax: `.amount { font-variant-numeric: oldstyle-nums diagonal-fractions; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-variant-numeric-prop\n *\n * values:\n * ```md\n * diagonal-fractions: Enables display of lining diagonal fractions.\n\n * lining-nums: Enables display of lining numerals.\n\n * normal: None of the features are enabled.\n\n * oldstyle-nums: Enables display of old-style numerals.\n\n * ordinal: Enables display of letter forms used with ordinal numbers.\n\n * proportional-nums: Enables display of proportional numerals.\n\n * slashed-zero: Enables display of slashed zeros.\n\n * stacked-fractions: Enables display of lining stacked fractions.\n\n * tabular-nums: Enables display of tabular numerals.\n * ```\n * @param value -\n */\n fontVariantNumeric(value: CSSProps['fontVariantNumeric']) {\n this.set('font-variant-numeric', value)\n return this\n }\n\n /**\n * Specifies the vertical position.\n * \n * syntax: `sub { font-variant-position: subscript; }`\n * \n * restriction: enum\n * \n * browsers: FF34\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-variant-position\n *\n * values:\n * ```md\n * normal: None of the features are enabled.\n\n * sub: Enables display of subscript variants (OpenType feature: subs).\n\n * super: Enables display of superscript variants (OpenType feature: sups).\n * ```\n * @param value -\n */\n fontVariantPosition(value: CSSProps['fontVariantPosition']) {\n this.set('font-variant-position', value)\n return this\n }\n\n /**\n * Specifies weight of glyphs in the font, their degree of blackness or stroke thickness..\n * \n * syntax: `th { font-weight: bold; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#font-weight-the-font-weight-property\n *\n * values:\n * ```md\n * 100: Thin\n\n * 200: Extra Light (Ultra Light)\n\n * 300: Light\n\n * 400: Normal\n\n * 500: Medium\n\n * 600: Semi Bold (Demi Bold)\n\n * 700: Bold\n\n * 800: Extra Bold (Ultra Bold)\n\n * 900: Black (Heavy)\n\n * bold: Same as 700\n\n * bolder: Specifies the weight of the face bolder than the inherited value.\n\n * lighter: Specifies the weight of the face lighter than the inherited value.\n\n * normal: Same as 400\n * ```\n * @param value -\n */\n fontWeight(value: CSSProps['fontWeight']) {\n this.set('font-weight', value)\n return this\n }\n\n /**\n * Controls glyph orientation when the inline-progression-direction is horizontal..\n *\n * syntax: ` `\n *\n * restriction: angle, number\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/text.html#GlyphOrientationHorizontal\n *\n * @param value -\n */\n glyphOrientationHorizontal(value: CSSProps['glyphOrientationHorizontal']) {\n this.set('glyph-orientation-horizontal', value)\n return this\n }\n\n /**\n * Controls glyph orientation when the inline-progression-direction is vertical..\n *\n * syntax: ` `\n *\n * restriction: angle, number, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/text.html#GlyphOrientationVertical\n *\n * @param value -\n */\n glyphOrientationVertical(value: CSSProps['glyphOrientationVertical']) {\n this.set('glyph-orientation-vertical', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. Shorthand for 'grid-row-start', 'grid-column-start', 'grid-row-end', and 'grid-column-end'..\n * \n * syntax: `div { grid-area: span 3; }`\n * \n * restriction: identifier, integer\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-area\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridArea(value: CSSProps['gridArea']) {\n this.set('grid-area', value)\n return this\n }\n\n /**\n * The grid CSS property is a shorthand property that sets all of the explicit grid properties ('grid-template-rows', 'grid-template-columns', and 'grid-template-areas'), and all the implicit grid properties ('grid-auto-rows', 'grid-auto-columns', and 'grid-auto-flow'), in a single declaration..\n *\n * syntax: `div { grid: span 3; }`\n *\n * restriction: identifier, length, percentage, string, enum\n *\n * browsers: FF52,C57,E16,S10.1,O44\n *\n * ref: https://drafts.csswg.org/css-grid/#propdef-grid\n *\n * @param value -\n */\n grid(value: CSSProps['grid']) {\n this.set('grid', value)\n return this\n }\n\n /**\n * Specifies the size of implicitly created columns..\n * \n * syntax: `div { grid-auto-columns: 100px; }`\n * \n * restriction: length, percentage\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-columns\n *\n * values:\n * ```md\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n * ```\n * @param value -\n */\n gridAutoColumns(value: CSSProps['gridAutoColumns']) {\n this.set('grid-auto-columns', value)\n return this\n }\n\n /**\n * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid..\n * \n * syntax: `div { grid-auto-flow: column; }`\n * \n * restriction: enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-flow\n *\n * values:\n * ```md\n * row: The auto-placement algorithm places items by filling each row in turn, adding new rows as necessary.\n\n * column: The auto-placement algorithm places items by filling each column in turn, adding new columns as necessary.\n\n * dense: If specified, the auto-placement algorithm uses a \"dense\" packing algorithm, which attempts to fill in holes earlier in the grid if smaller items come up later.\n * ```\n * @param value -\n */\n gridAutoFlow(value: CSSProps['gridAutoFlow']) {\n this.set('grid-auto-flow', value)\n return this\n }\n\n /**\n * Specifies the size of implicitly created rows..\n * \n * syntax: `div { grid-auto-rows: 100px; }`\n * \n * restriction: length, percentage\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-rows\n *\n * values:\n * ```md\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n * ```\n * @param value -\n */\n gridAutoRows(value: CSSProps['gridAutoRows']) {\n this.set('grid-auto-rows', value)\n return this\n }\n\n /**\n * Shorthand for 'grid-column-start' and 'grid-column-end'..\n * \n * syntax: `#item1 { grid-column: span 2 / auto; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridColumn(value: CSSProps['gridColumn']) {\n this.set('grid-column', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-column-end: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column-end\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridColumnEnd(value: CSSProps['gridColumnEnd']) {\n this.set('grid-column-end', value)\n return this\n }\n\n /**\n * Specifies the gutters between grid columns. Replaced by 'column-gap' property..\n *\n * syntax: `#item1 { grid-column-gap: 2em; }`\n *\n * restriction: length\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column-gap\n *\n * @param value -\n */\n gridColumnGap(value: CSSProps['gridColumnGap']) {\n this.set('grid-column-gap', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-column-start: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-column-start\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridColumnStart(value: CSSProps['gridColumnStart']) {\n this.set('grid-column-start', value)\n return this\n }\n\n /**\n * Shorthand that specifies the gutters between grid columns and grid rows in one declaration. Replaced by 'gap' property..\n *\n * syntax: `#item1 { gap: 2em 1em; }`\n *\n * restriction: length\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-gap\n *\n * @param value -\n */\n gap(value: CSSProps['gap']) {\n this.set('gap', value)\n return this\n }\n\n /**\n * Shorthand for 'grid-row-start' and 'grid-row-end'..\n * \n * syntax: `#item1 { grid-row: span 2 / auto; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridRow(value: CSSProps['gridRow']) {\n this.set('grid-row', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-row-end: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row-end\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridRowEnd(value: CSSProps['gridRowEnd']) {\n this.set('grid-row-end', value)\n return this\n }\n\n /**\n * Specifies the gutters between grid rows. Replaced by 'row-gap' property..\n *\n * syntax: `#item1 { grid-row-gap: 2em; }`\n *\n * restriction: length\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row-gap\n *\n * @param value -\n */\n gridRowGap(value: CSSProps['gridRowGap']) {\n this.set('grid-row-gap', value)\n return this\n }\n\n /**\n * Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement..\n * \n * syntax: `#item1 { grid-row-start: span 2; }`\n * \n * restriction: identifier, integer, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-row-start\n *\n * values:\n * ```md\n * auto: The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one.\n\n * span: Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge.\n * ```\n * @param value -\n */\n gridRowStart(value: CSSProps['gridRowStart']) {\n this.set('grid-row-start', value)\n return this\n }\n\n /**\n * Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration..\n * \n * syntax: `#item1 { grid-template: auto 1fr auto / auto 1fr; }`\n * \n * restriction: identifier, length, percentage, string, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template\n *\n * values:\n * ```md\n * none: Sets all three properties to their initial values.\n\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * subgrid: Sets 'grid-template-rows' and 'grid-template-columns' to 'subgrid', and 'grid-template-areas' to its initial value.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n\n * repeat(): Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.\n * ```\n * @param value -\n */\n gridTemplate(value: CSSProps['gridTemplate']) {\n this.set('grid-template', value)\n return this\n }\n\n /**\n * Specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties..\n *\n * syntax: `#item1 { grid-template-areas: 'head head' 'nav main' 'foot foot'; }`\n *\n * restriction: string\n *\n * browsers: FF52,C57,S10.1,O44\n *\n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template-areas\n *\n * @param value -\n */\n gridTemplateAreas(value: CSSProps['gridTemplateAreas']) {\n this.set('grid-template-areas', value)\n return this\n }\n\n /**\n * specifies, as a space-separated track list, the line names and track sizing functions of the grid..\n * \n * syntax: `#item1 { grid-template-columns: 100px 1fr max-content minmax(min-content, 1fr); }`\n * \n * restriction: identifier, length, percentage, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template-columns\n *\n * values:\n * ```md\n * none: There is no explicit grid; any rows/columns will be implicitly generated.\n\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * subgrid: Indicates that the grid will align to its parent grid in that axis.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n\n * repeat(): Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.\n * ```\n * @param value -\n */\n gridTemplateColumns(value: CSSProps['gridTemplateColumns']) {\n this.set('grid-template-columns', value)\n return this\n }\n\n /**\n * specifies, as a space-separated track list, the line names and track sizing functions of the grid..\n * \n * syntax: `#item1 { grid-template-rows: 100px 1fr max-content minmax(min-content, 1fr); }`\n * \n * restriction: identifier, length, percentage, string, enum\n * \n * browsers: FF52,C57,S10.1,O44\n * \n * ref: http://www.w3.org/TR/css-grid-1/#propdef-grid-template-rows\n *\n * values:\n * ```md\n * none: There is no explicit grid; any rows/columns will be implicitly generated.\n\n * min-content: Represents the largest min-content contribution of the grid items occupying the grid track.\n\n * max-content: Represents the largest max-content contribution of the grid items occupying the grid track.\n\n * auto: As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.\n\n * subgrid: Indicates that the grid will align to its parent grid in that axis.\n\n * minmax(): Defines a size range greater than or equal to min and less than or equal to max.\n\n * repeat(): Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.\n * ```\n * @param value -\n */\n gridTemplateRows(value: CSSProps['gridTemplateRows']) {\n this.set('grid-template-rows', value)\n return this\n }\n\n /**\n * Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes..\n * \n * syntax: `footer { height: 100px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#height\n *\n * values:\n * ```md\n * auto: The height depends on the values of other properties.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n height(value: CSSProps['height']) {\n this.set('height', value)\n return this\n }\n\n /**\n * Controls whether hyphenation is allowed to create more break opportunities within a line of text..\n * \n * syntax: `div { hyphens: manual; }`\n * \n * restriction: enum\n * \n * browsers: C55,FF43,O44\n * \n * ref: http://www.w3.org/TR/css-text-3/#hyphens-property\n *\n * values:\n * ```md\n * auto: Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.\n\n * manual: Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities\n\n * none: Words are not broken at line breaks, even if characters inside the word suggest line break points.\n * ```\n * @param value -\n */\n hyphens(value: CSSProps['hyphens']) {\n this.set('hyphens', value)\n return this\n }\n\n /**\n * Specifies an orthogonal rotation to be applied to an image before it is laid out..\n * \n * syntax: `img.ninety { image-orientation: 90deg; }`\n * \n * restriction: angle\n * \n * browsers: FF26\n * \n * ref: http://www.w3.org/TR/css4-images/#image-orientation\n *\n * values:\n * ```md\n * flip: After rotating by the precededing angle, the image is flipped horizontally. Defaults to 0deg if the angle is ommitted.\n\n * from-image: If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image.\n * ```\n * @param value -\n */\n imageOrientation(value: CSSProps['imageOrientation']) {\n this.set('image-orientation', value)\n return this\n }\n\n /**\n * Provides a hint to the user-agent about what aspects of an image are most important to preserve when the image is scaled, to aid the user-agent in the choice of an appropriate scaling algorithm..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C,FF3.6,O11.6,S\n * \n * ref: https://drafts.csswg.org/css-images-3/#the-image-rendering\n *\n * values:\n * ```md\n * auto: The image should be scaled with an algorithm that maximizes the appearance of the image.\n\n * crisp-edges: The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process.\n\n * -moz-crisp-edges: undefined\n\n * optimizeQuality: Deprecated.\n\n * optimizeSpeed: Deprecated.\n\n * pixelated: When scaling the image up, the 'nearest neighbor' or similar algorithm must be used, so that the image appears to be simply composed of very large pixels.\n * ```\n * @param value -\n */\n imageRendering(value: CSSProps['imageRendering']) {\n this.set('image-rendering', value)\n return this\n }\n\n /**\n * Controls the state of the input method editor for text fields..\n * \n * syntax: `body { ime-mode: active; }`\n * \n * restriction: enum\n * \n * browsers: E,FF3,IE5\n * \n * ref: http://www.w3.org/TR/css3-ui/#ime-mode\n *\n * values:\n * ```md\n * active: The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it.\n\n * auto: No change is made to the current input method editor state. This is the default.\n\n * disabled: The input method editor is disabled and may not be activated by the user.\n\n * inactive: The input method editor is initially inactive, but the user may activate it if they wish.\n\n * normal: The IME state should be normal; this value can be used in a user style sheet to override the page setting.\n * ```\n * @param value -\n */\n imeMode(value: CSSProps['imeMode']) {\n this.set('ime-mode', value)\n return this\n }\n\n /**\n * Size of an element in the direction specified by 'writing-mode'..\n *\n * syntax: `header { inline-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-inline-size\n *\n * @param value -\n */\n inlineSize(value: CSSProps['inlineSize']) {\n this.set('inline-size', value)\n return this\n }\n\n /**\n * In CSS setting to 'isolate' will turn the element into a stacking context. In SVG, it defines whether an element is isolated or not..\n * \n * syntax: `div { isolation: isolate; }`\n * \n * restriction: enum\n * \n * browsers: C,FF,O,S\n * \n * ref: http://www.w3.org/TR/compositing-1/#isolation\n *\n * values:\n * ```md\n * auto: Elements are not isolated unless an operation is applied that causes the creation of a stacking context.\n\n * isolate: In CSS will turn the element into a stacking context.\n * ```\n * @param value -\n */\n isolation(value: CSSProps['isolation']) {\n this.set('isolation', value)\n return this\n }\n\n /**\n * Aligns flex items along the main axis of the current line of the flex container..\n * \n * syntax: `p { justify-content: flex-start; }`\n * \n * restriction: enum\n * \n * browsers: E,C29,FF22,IE11,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-flexbox/#align-content\n *\n * values:\n * ```md\n * center: Flex items are packed toward the center of the line.\n\n * start: The items are packed flush to each other toward the start edge of the alignment container in the main axis.\n\n * end: The items are packed flush to each other toward the end edge of the alignment container in the main axis.\n\n * left: The items are packed flush to each other toward the left edge of the alignment container in the main axis.\n\n * right: The items are packed flush to each other toward the right edge of the alignment container in the main axis.\n\n * safe: If the size of the item overflows the alignment container, the item is instead aligned as if the alignment mode were start.\n\n * unsafe: Regardless of the relative sizes of the item and alignment container, the given alignment value is honored.\n\n * stretch: If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container.\n\n * space-evenly: The items are evenly distributed within the alignment container along the main axis.\n\n * flex-end: Flex items are packed toward the end of the line.\n\n * flex-start: Flex items are packed toward the start of the line.\n\n * space-around: Flex items are evenly distributed in the line, with half-size spaces on either end.\n\n * space-between: Flex items are evenly distributed in the line.\n\n * baseline: Specifies participation in first-baseline alignment.\n\n * first baseline: Specifies participation in first-baseline alignment.\n\n * last baseline: Specifies participation in last-baseline alignment.\n * ```\n * @param value -\n */\n justifyContent(value: CSSProps['justifyContent']) {\n this.set('justify-content', value)\n return this\n }\n\n /**\n * Indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font or instead disable auto-kerning and set inter-character spacing to a specific length..\n *\n * syntax: ` `\n *\n * restriction: length, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG11/text.html#KerningProperty\n *\n * @param value -\n */\n kerning(value: CSSProps['kerning']) {\n this.set('kerning', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's left margin edge is offset to the right of the left edge of the box's 'containing block'..\n *\n * syntax: `article { left: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-left\n *\n * @param value -\n */\n left(value: CSSProps['left']) {\n this.set('left', value)\n return this\n }\n\n /**\n * Specifies the minimum, maximum, and optimal spacing between grapheme clusters..\n *\n * syntax: `h2 { letter-spacing: 2px; }`\n *\n * restriction: length\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-text/#letter-spacing0\n *\n * @param value -\n */\n letterSpacing(value: CSSProps['letterSpacing']) {\n this.set('letter-spacing', value)\n return this\n }\n\n /**\n * Defines the color of the light source for filter primitives 'feDiffuseLighting' and 'feSpecularLighting'..\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: E,C5,FF3,IE10,O9,S6\n *\n * ref: http://www.w3.org/TR/filter-effects/#LightingColorProperty\n *\n * @param value -\n */\n lightingColor(value: CSSProps['lightingColor']) {\n this.set('lighting-color', value)\n return this\n }\n\n /**\n * Specifies what set of line breaking restrictions are in effect within the element..\n * \n * syntax: `p { line-break: normal; }`\n * \n * restriction: enum\n * \n * browsers: E,IE5.5,C58,O45,S\n * \n * ref: http://www.w3.org/TR/css3-text/#line-break0\n *\n * values:\n * ```md\n * auto: The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines.\n\n * loose: Breaks text using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers.\n\n * normal: Breaks text using the most common set of line-breaking rules.\n\n * strict: Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'.\n\n * anywhere: There is a soft wrap opportunity around every typographic character unit, including around any punctuation character or preserved white spaces, or in the middle of words, disregarding any prohibition against line breaks, even those introduced by characters with the GL, WJ, or ZWJ line breaking classes or mandated by the word-break property.\n * ```\n * @param value -\n */\n lineBreak(value: CSSProps['lineBreak']) {\n this.set('line-break', value)\n return this\n }\n\n /**\n * Determines the block-progression dimension of the text content area of an inline box..\n *\n * syntax: `#menu { line-height: 22px; }`\n *\n * restriction: number, length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-linebox/#line-height\n *\n * @param value -\n */\n lineHeight(value: CSSProps['lineHeight']) {\n this.set('line-height', value)\n return this\n }\n\n /**\n * Shorthand for setting 'list-style-type', 'list-style-position' and 'list-style-image'.\n * \n * syntax: `ul { list-style: square url('square.png');}`\n * \n * restriction: image, enum, url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-lists/#list-style\n *\n * values:\n * ```md\n * armenian: undefined\n\n * circle: A hollow circle.\n\n * decimal: undefined\n\n * decimal-leading-zero: undefined\n\n * disc: A filled circle.\n\n * georgian: undefined\n\n * hanging: As 'inside', except the marker is instead placed immediately before the first text or significant whitespace in the list item or its children\n\n * inside: The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below.\n\n * lower-alpha: undefined\n\n * lower-greek: undefined\n\n * lower-latin: undefined\n\n * lower-roman: undefined\n\n * none: undefined\n\n * outside: The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows.\n\n * square: A filled square.\n\n * symbols(): Allows a counter style to be defined inline.\n\n * upper-alpha: undefined\n\n * upper-latin: undefined\n\n * upper-roman: undefined\n\n * url(): undefined\n * ```\n * @param value -\n */\n listStyle(value: CSSProps['listStyle']) {\n this.set('list-style', value)\n return this\n }\n\n /**\n * Sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker..\n *\n * syntax: `<uri> | none`\n *\n * restriction: image\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-lists/#list-style-image\n *\n * @param value -\n */\n listStyleImage(value: CSSProps['listStyleImage']) {\n this.set('list-style-image', value)\n return this\n }\n\n /**\n * Specifies the position of the '::marker' pseudo-element's box in the list item..\n * \n * syntax: `ul { list-style-position: inside; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-lists/#list-style-position\n *\n * values:\n * ```md\n * inside: The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below.\n\n * outside: The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows.\n * ```\n * @param value -\n */\n listStylePosition(value: CSSProps['listStylePosition']) {\n this.set('list-style-position', value)\n return this\n }\n\n /**\n * Used to construct the default contents of a list item's marker.\n * \n * syntax: `<glyph> | <algorithmic> | <numeric> | <alphabetic> | <symbolic> | <non-repeating> | normal | none`\n * \n * restriction: enum, string\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-lists/#list-style-type\n *\n * values:\n * ```md\n * arabic-indic: Arabic-indic numbering.\n\n * armenian: Traditional uppercase Armenian numbering.\n\n * bengali: Bengali numbering.\n\n * cambodian: Cambodian/Khmer numbering.\n\n * circle: A hollow circle.\n\n * cjk-decimal: Han decimal numbers.\n\n * cjk-earthly-branch: Han \"Earthly Branch\" ordinals.\n\n * cjk-heavenly-stem: Han \"Heavenly Stem\" ordinals.\n\n * decimal: Western decimal numbers.\n\n * decimal-leading-zero: Decimal numbers padded by initial zeros.\n\n * devanagari: Devanagari numbering.\n\n * disc: A filled circle.\n\n * disclosure-closed: Symbols appropriate for indicating a closed disclosure widget.\n\n * disclosure-open: Symbols appropriate for indicating an open disclosure widget.\n\n * georgian: Traditional Georgian numbering.\n\n * gujarati: Gujarati numbering.\n\n * gurmukhi: Gurmukhi numbering.\n\n * hebrew: Traditional Hebrew numbering.\n\n * hiragana: Dictionary-order hiragana lettering\n\n * hiragana-iroha: Iroha-order hiragana lettering\n\n * kannada: Kannada numbering.\n\n * katakana: Dictionary-order katakana lettering\n\n * katakana-iroha: Iroha-order katakana lettering\n\n * khmer: Cambodian/Khmer numbering.\n\n * lao: Laotian numbering.\n\n * lower-alpha: Lowercase ASCII letters.\n\n * lower-armenian: Lowercase Armenian numbering.\n\n * lower-greek: Lowercase classical Greek.\n\n * lower-latin: Lowercase ASCII letters.\n\n * lower-roman: Lowercase ASCII Roman numerals.\n\n * malayalam: Malayalam numbering.\n\n * mongolian: Mongolian numbering.\n\n * myanmar: Myanmar (Burmese) numbering.\n\n * none: No marker\n\n * oriya: Oriya numbering.\n\n * persian: Persian numbering.\n\n * square: A filled square.\n\n * tamil: Tamil numbering.\n\n * telugu: Telugu numbering.\n\n * thai: Thai (Siamese) numbering.\n\n * tibetan: Tibetan numbering.\n\n * symbols(): Allows a counter style to be defined inline.\n\n * upper-alpha: Uppercase ASCII letters.\n\n * upper-armenian: Traditional uppercase Armenian numbering.\n\n * upper-latin: Uppercase ASCII letters.\n\n * upper-roman: Uppercase ASCII Roman numerals.\n * ```\n * @param value -\n */\n listStyleType(value: CSSProps['listStyleType']) {\n this.set('list-style-type', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..\n * \n * syntax: `div { margin: 4px 7px 2px 4px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * values:\n * ```md\n * auto: undefined\n\n * logical: Indicates that the values map to the logical properties instead of the physical ones.\n * ```\n * @param value -\n */\n margin(value: CSSProps['margin']) {\n this.set('margin', value)\n return this\n }\n\n /**\n * Logical 'margin-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-block-end: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginBlockEnd(value: CSSProps['marginBlockEnd']) {\n this.set('margin-block-end', value)\n return this\n }\n\n /**\n * Logical 'margin-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-block-start: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginBlockStart(value: CSSProps['marginBlockStart']) {\n this.set('margin-block-start', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-bottom: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginBottom(value: CSSProps['marginBottom']) {\n this.set('margin-bottom', value)\n return this\n }\n\n /**\n * Logical 'margin-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-inline-end: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginInlineEnd(value: CSSProps['marginInlineEnd']) {\n this.set('margin-inline-end', value)\n return this\n }\n\n /**\n * Logical 'margin-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `div { margin-inline-start: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n marginInlineStart(value: CSSProps['marginInlineStart']) {\n this.set('margin-inline-start', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-left: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginLeft(value: CSSProps['marginLeft']) {\n this.set('margin-left', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-right: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginRight(value: CSSProps['marginRight']) {\n this.set('margin-right', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits...\n *\n * syntax: `div { margin-top: 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#margin1\n *\n * @param value -\n */\n marginTop(value: CSSProps['marginTop']) {\n this.set('margin-top', value)\n return this\n }\n\n /**\n * Specifies the marker symbol that shall be used for all points on the sets the value for all vertices on the given 'path' element or basic shape..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#MarkerProperty\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n marker(value: CSSProps['marker']) {\n this.set('marker', value)\n return this\n }\n\n /**\n * Specifies the marker that will be drawn at the last vertices of the given markable element..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n markerEnd(value: CSSProps['markerEnd']) {\n this.set('marker-end', value)\n return this\n }\n\n /**\n * Specifies the marker that will be drawn at all vertices except the first and last..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n markerMid(value: CSSProps['markerMid']) {\n this.set('marker-mid', value)\n return this\n }\n\n /**\n * Specifies the marker that will be drawn at the first vertices of the given markable element..\n * \n * syntax: ` `\n * \n * restriction: url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties\n *\n * values:\n * ```md\n * none: Indicates that no marker symbol will be drawn at the given vertex or vertices.\n\n * child: Indicates that the last child <marker> element of the element where the property is specified will be used.\n\n * url(): Indicates that the <marker> element referenced will be used.\n * ```\n * @param value -\n */\n markerStart(value: CSSProps['markerStart']) {\n this.set('marker-start', value)\n return this\n }\n\n /**\n * Sets the mask layer image of an element..\n * \n * syntax: ` `\n * \n * restriction: url, image, enum\n * \n * browsers: E,FF53\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-image\n *\n * values:\n * ```md\n * none: Counts as a transparent black image layer.\n\n * url(): Reference to a <mask element or to a CSS image.\n * ```\n * @param value -\n */\n maskImage(value: CSSProps['maskImage']) {\n this.set('mask-image', value)\n return this\n }\n\n /**\n * Indicates whether the mask layer image is treated as luminance mask or alpha mask..\n * \n * syntax: ` `\n * \n * restriction: url, image, enum\n * \n * browsers: FF53\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-mode\n *\n * values:\n * ```md\n * alpha: Alpha values of the mask layer image should be used as the mask values.\n\n * auto: Use alpha values if 'mask-image' is an image, luminance if a <mask> element or a CSS image.\n\n * luminance: Luminance values of the mask layer image should be used as the mask values.\n * ```\n * @param value -\n */\n maskMode(value: CSSProps['maskMode']) {\n this.set('mask-mode', value)\n return this\n }\n\n /**\n * Specifies the mask positioning area..\n *\n * syntax: ` `\n *\n * restriction: geometry-box, enum\n *\n * browsers: FF53\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-origin\n *\n * @param value -\n */\n maskOrigin(value: CSSProps['maskOrigin']) {\n this.set('mask-origin', value)\n return this\n }\n\n /**\n * Specifies how mask layer images are positioned..\n *\n * syntax: ` `\n *\n * restriction: position, length, percentage\n *\n * browsers: FF53\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-position\n *\n * @param value -\n */\n maskPosition(value: CSSProps['maskPosition']) {\n this.set('mask-position', value)\n return this\n }\n\n /**\n * Specifies how mask layer images are tiled after they have been sized and positioned..\n *\n * syntax: ` `\n *\n * restriction: repeat\n *\n * browsers: FF53\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-repeat\n *\n * @param value -\n */\n maskRepeat(value: CSSProps['maskRepeat']) {\n this.set('mask-repeat', value)\n return this\n }\n\n /**\n * Specifies the size of the mask layer images..\n * \n * syntax: ` `\n * \n * restriction: length, percentage, enum\n * \n * browsers: F53\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-size\n *\n * values:\n * ```md\n * auto: Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%.\n\n * contain: Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.\n\n * cover: Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.\n * ```\n * @param value -\n */\n maskSize(value: CSSProps['maskSize']) {\n this.set('mask-size', value)\n return this\n }\n\n /**\n * Defines whether the content of the <mask> element is treated as as luminance mask or alpha mask..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C24,FF35,O15,S7\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-type\n *\n * values:\n * ```md\n * alpha: Indicates that the alpha values of the mask should be used.\n\n * luminance: Indicates that the luminance values of the mask should be used.\n * ```\n * @param value -\n */\n maskType(value: CSSProps['maskType']) {\n this.set('mask-type', value)\n return this\n }\n\n /**\n * Maximum size of an element in the direction opposite that of the direction specified by 'writing-mode'..\n *\n * syntax: `header { max-block-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n maxBlockSize(value: CSSProps['maxBlockSize']) {\n this.set('max-block-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content height to a certain range..\n * \n * syntax: `footer { max-height: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#max-height\n *\n * values:\n * ```md\n * none: No limit on the height of the box.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n maxHeight(value: CSSProps['maxHeight']) {\n this.set('max-height', value)\n return this\n }\n\n /**\n * Maximum size of an element in the direction specified by 'writing-mode'..\n *\n * syntax: `header { max-inline-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n maxInlineSize(value: CSSProps['maxInlineSize']) {\n this.set('max-inline-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content width to a certain range..\n * \n * syntax: `footer { max-width: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#max-width\n *\n * values:\n * ```md\n * none: No limit on the width of the box.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n maxWidth(value: CSSProps['maxWidth']) {\n this.set('max-width', value)\n return this\n }\n\n /**\n * Minimal size of an element in the direction opposite that of the direction specified by 'writing-mode'..\n *\n * syntax: `header { min-block-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n minBlockSize(value: CSSProps['minBlockSize']) {\n this.set('min-block-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content height to a certain range..\n * \n * syntax: `footer { min-height: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#min-height\n *\n * values:\n * ```md\n * auto: undefined\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n minHeight(value: CSSProps['minHeight']) {\n this.set('min-height', value)\n return this\n }\n\n /**\n * Minimal size of an element in the direction specified by 'writing-mode'..\n *\n * syntax: `header { min-inline-size: 200px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#propdef-min-block-size\n *\n * @param value -\n */\n minInlineSize(value: CSSProps['minInlineSize']) {\n this.set('min-inline-size', value)\n return this\n }\n\n /**\n * Allows authors to constrain content width to a certain range..\n * \n * syntax: `footer { min-width: 300px; }`\n * \n * restriction: length, percentage\n * \n * browsers: E,C,FF1,IE7,O7,S1\n * \n * ref: http://www.w3.org/TR/css3-box/#min-width\n *\n * values:\n * ```md\n * auto: undefined\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n minWidth(value: CSSProps['minWidth']) {\n this.set('min-width', value)\n return this\n }\n\n /**\n * Defines the formula that must be used to mix the colors with the backdrop..\n * \n * syntax: `div { mix-blend-mode: saturation; }`\n * \n * restriction: enum\n * \n * browsers: C41,FF32,O29,S7.1\n * \n * ref: http://www.w3.org/TR/compositing-1/#propdef-mix-blend-mode\n *\n * values:\n * ```md\n * normal: Default attribute which specifies no blending\n\n * multiply: The source color is multiplied by the destination color and replaces the destination.\n\n * screen: Multiplies the complements of the backdrop and source color values, then complements the result.\n\n * overlay: Multiplies or screens the colors, depending on the backdrop color value.\n\n * darken: Selects the darker of the backdrop and source colors.\n\n * lighten: Selects the lighter of the backdrop and source colors.\n\n * color-dodge: Brightens the backdrop color to reflect the source color.\n\n * color-burn: Darkens the backdrop color to reflect the source color.\n\n * hard-light: Multiplies or screens the colors, depending on the source color value.\n\n * soft-light: Darkens or lightens the colors, depending on the source color value.\n\n * difference: Subtracts the darker of the two constituent colors from the lighter color..\n\n * exclusion: Produces an effect similar to that of the Difference mode but lower in contrast.\n\n * hue: Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.\n\n * saturation: Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.\n\n * color: Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.\n\n * luminosity: Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.\n * ```\n * @param value -\n */\n mixBlendMode(value: CSSProps['mixBlendMode']) {\n this.set('mix-blend-mode', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'motion-path', 'motion-offset' and 'motion-rotation'..\n * \n * syntax: ` `\n * \n * restriction: url, length, percentage, angle, shape, geometry-box, enum\n * \n * browsers: C46,O33\n * \n * ref: http://www.w3.org/TR/motion-1/#propdef-motion\n *\n * values:\n * ```md\n * none: No motion path gets created.\n\n * path(): Defines an SVG path as a string, with optional 'fill-rule' as the first argument.\n\n * url(): References an SVG shape element and uses its geometry as motion path.\n\n * auto: Indicates that the object is rotated by the angle of the direction of the motion path.\n\n * reverse: Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees.\n * ```\n * @param value -\n */\n motion(value: CSSProps['motion']) {\n this.set('motion', value)\n return this\n }\n\n /**\n * A distance that describes the position along the specified motion path..\n *\n * syntax: `div { motion-offset: 10%; }`\n *\n * restriction: length, percentage\n *\n * browsers: C46,O33\n *\n * ref: http://www.w3.org/TR/motion-1/#propdef-motion-offset\n *\n * @param value -\n */\n motionOffset(value: CSSProps['motionOffset']) {\n this.set('motion-offset', value)\n return this\n }\n\n /**\n * Specifies the motion path the element gets positioned at..\n * \n * syntax: ` `\n * \n * restriction: url, shape, geometry-box, enum\n * \n * browsers: C46,O33\n * \n * ref: http://www.w3.org/TR/motion-1/#propdef-motion-path\n *\n * values:\n * ```md\n * none: No motion path gets created.\n\n * path(): Defines an SVG path as a string, with optional 'fill-rule' as the first argument.\n\n * url(): References an SVG shape element and uses its geometry as motion path.\n * ```\n * @param value -\n */\n motionPath(value: CSSProps['motionPath']) {\n this.set('motion-path', value)\n return this\n }\n\n /**\n * Defines the direction of the element while positioning along the motion path..\n * \n * syntax: `div { motion-rotation: 90%; }`\n * \n * restriction: angle\n * \n * browsers: C46,O33\n * \n * ref: http://www.w3.org/TR/motion-1/#propdef-motion-rotation\n *\n * values:\n * ```md\n * auto: Indicates that the object is rotated by the angle of the direction of the motion path.\n\n * reverse: Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees.\n * ```\n * @param value -\n */\n motionRotation(value: CSSProps['motionRotation']) {\n this.set('motion-rotation', value)\n return this\n }\n\n /**\n * Shorthand property combines six of the animation properties into a single property..\n * \n * syntax: `div { -moz-animation: movearound 4s ease 3 normal; }`\n * \n * restriction: time, enum, timing-function, identifier, number\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * infinite: Causes the animation to repeat forever.\n\n * none: No animation is performed\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n mozAnimation(value: CSSProps['mozAnimation']) {\n this.set('-moz-animation', value)\n return this\n }\n\n /**\n * Defines when the animation will start..\n *\n * syntax: `div { -moz-animation-delay: 4s; }`\n *\n * restriction: time\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-delay\n *\n * @param value -\n */\n mozAnimationDelay(value: CSSProps['mozAnimationDelay']) {\n this.set('-moz-animation-delay', value)\n return this\n }\n\n /**\n * Defines whether or not the animation should play in reverse on alternate cycles..\n * \n * syntax: `div { -moz-animation-direction: normal; }`\n * \n * restriction: enum\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-direction\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n mozAnimationDirection(value: CSSProps['mozAnimationDirection']) {\n this.set('-moz-animation-direction', value)\n return this\n }\n\n /**\n * Defines the length of time that an animation takes to complete one cycle..\n *\n * syntax: `div { -moz-animation-duration: 4s; }`\n *\n * restriction: time\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-duration\n *\n * @param value -\n */\n mozAnimationDuration(value: CSSProps['mozAnimationDuration']) {\n this.set('-moz-animation-duration', value)\n return this\n }\n\n /**\n * Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once..\n *\n * syntax: `div { -moz-animation-iteration-count: 3; }`\n *\n * restriction: number, enum\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-iteration-count\n *\n * @param value -\n */\n mozAnimationIterationCount(value: CSSProps['mozAnimationIterationCount']) {\n this.set('-moz-animation-iteration-count', value)\n return this\n }\n\n /**\n * Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation..\n *\n * syntax: `div { -moz-animation-name: movearound; }`\n *\n * restriction: identifier, enum\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#the-animation-name-property-\n *\n * @param value -\n */\n mozAnimationName(value: CSSProps['mozAnimationName']) {\n this.set('-moz-animation-name', value)\n return this\n }\n\n /**\n * Defines whether the animation is running or paused..\n * \n * syntax: `div { -moz-animation-play-state: running; }`\n * \n * restriction: enum\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-play-state\n *\n * values:\n * ```md\n * paused: A running animation will be paused.\n\n * running: Resume playback of a paused animation.\n * ```\n * @param value -\n */\n mozAnimationPlayState(value: CSSProps['mozAnimationPlayState']) {\n this.set('-moz-animation-play-state', value)\n return this\n }\n\n /**\n * Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'..\n *\n * syntax: `div { -moz-animation-timing-function: ease; }`\n *\n * restriction: timing-function\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-timing-function\n *\n * @param value -\n */\n mozAnimationTimingFunction(value: CSSProps['mozAnimationTimingFunction']) {\n this.set('-moz-animation-timing-function', value)\n return this\n }\n\n /**\n * Used in Gecko (Firefox) to display an element using a platform-native styling based on the operating system's theme..\n * \n * syntax: `.example { -moz-appearance: toolbarbutton; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-appearance\n *\n * values:\n * ```md\n * button: undefined\n\n * button-arrow-down: undefined\n\n * button-arrow-next: undefined\n\n * button-arrow-previous: undefined\n\n * button-arrow-up: undefined\n\n * button-bevel: undefined\n\n * checkbox: undefined\n\n * checkbox-container: undefined\n\n * checkbox-label: undefined\n\n * dialog: undefined\n\n * groupbox: undefined\n\n * listbox: undefined\n\n * menuarrow: undefined\n\n * menuimage: undefined\n\n * menuitem: undefined\n\n * menuitemtext: undefined\n\n * menulist: undefined\n\n * menulist-button: undefined\n\n * menulist-text: undefined\n\n * menulist-textfield: undefined\n\n * menupopup: undefined\n\n * menuradio: undefined\n\n * menuseparator: undefined\n\n * -moz-mac-unified-toolbar: undefined\n\n * -moz-win-borderless-glass: undefined\n\n * -moz-win-browsertabbar-toolbox: undefined\n\n * -moz-win-communications-toolbox: undefined\n\n * -moz-win-glass: undefined\n\n * -moz-win-media-toolbox: undefined\n\n * none: undefined\n\n * progressbar: undefined\n\n * progresschunk: undefined\n\n * radio: undefined\n\n * radio-container: undefined\n\n * radio-label: undefined\n\n * radiomenuitem: undefined\n\n * resizer: undefined\n\n * resizerpanel: undefined\n\n * scrollbarbutton-down: undefined\n\n * scrollbarbutton-left: undefined\n\n * scrollbarbutton-right: undefined\n\n * scrollbarbutton-up: undefined\n\n * scrollbar-small: undefined\n\n * scrollbartrack-horizontal: undefined\n\n * scrollbartrack-vertical: undefined\n\n * separator: undefined\n\n * spinner: undefined\n\n * spinner-downbutton: undefined\n\n * spinner-textfield: undefined\n\n * spinner-upbutton: undefined\n\n * statusbar: undefined\n\n * statusbarpanel: undefined\n\n * tab: undefined\n\n * tabpanels: undefined\n\n * tab-scroll-arrow-back: undefined\n\n * tab-scroll-arrow-forward: undefined\n\n * textfield: undefined\n\n * textfield-multiline: undefined\n\n * toolbar: undefined\n\n * toolbox: undefined\n\n * tooltip: undefined\n\n * treeheadercell: undefined\n\n * treeheadersortarrow: undefined\n\n * treeitem: undefined\n\n * treetwistyopen: undefined\n\n * treeview: undefined\n\n * treewisty: undefined\n\n * window: undefined\n * ```\n * @param value -\n */\n mozAppearance(value: CSSProps['mozAppearance']) {\n this.set('-moz-appearance', value)\n return this\n }\n\n /**\n * Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer..\n * \n * syntax: `div { -moz-backface-visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: FF10\n * \n * ref: http://www.w3.org/TR/css3-3d-transforms/#backface-visibility\n *\n * values:\n * ```md\n * hidden: undefined\n\n * visible: undefined\n * ```\n * @param value -\n */\n mozBackfaceVisibility(value: CSSProps['mozBackfaceVisibility']) {\n this.set('-moz-backface-visibility', value)\n return this\n }\n\n /**\n * Determines the background painting area..\n *\n * syntax: `header { -moz-background-clip: border-box; }`\n *\n * restriction: box, enum\n *\n * browsers: FF1-3.6\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-clip\n *\n * @param value -\n */\n mozBackgroundClip(value: CSSProps['mozBackgroundClip']) {\n this.set('-moz-background-clip', value)\n return this\n }\n\n /**\n * In Gecko-based applications like Firefox, the -moz-background-inline-policy CSS property specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition..\n * \n * syntax: `div { -moz-background-inline-policy: bounding-box; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-background-inline-policy\n *\n * values:\n * ```md\n * bounding-box: undefined\n\n * continuous: undefined\n\n * each-box: undefined\n * ```\n * @param value -\n */\n mozBackgroundInlinePolicy(value: CSSProps['mozBackgroundInlinePolicy']) {\n this.set('-moz-background-inline-policy', value)\n return this\n }\n\n /**\n * For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s)..\n *\n * syntax: `header { -moz-background-origin: border-box; }`\n *\n * restriction: box\n *\n * browsers: FF1\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-origin\n *\n * @param value -\n */\n mozBackgroundOrigin(value: CSSProps['mozBackgroundOrigin']) {\n this.set('-moz-background-origin', value)\n return this\n }\n\n /**\n * Sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-bottom-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderBottomColors(value: CSSProps['mozBorderBottomColors']) {\n this.set('-moz-border-bottom-colors', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values..\n * \n * syntax: `td { -moz-border-image: url(border.png) 30 30 round;}`\n * \n * restriction: length, percentage, number, url, enum\n * \n * browsers: FF3.6\n * \n * ref: http://www.w3.org/TR/css3-background/#border-image\n *\n * values:\n * ```md\n * auto: If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead.\n\n * fill: Causes the middle part of the border-image to be preserved.\n\n * none: undefined\n\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n\n * url(): undefined\n * ```\n * @param value -\n */\n mozBorderImage(value: CSSProps['mozBorderImage']) {\n this.set('-moz-border-image', value)\n return this\n }\n\n /**\n * Sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-left-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderLeftColors(value: CSSProps['mozBorderLeftColors']) {\n this.set('-moz-border-left-colors', value)\n return this\n }\n\n /**\n * Sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-right-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderRightColors(value: CSSProps['mozBorderRightColors']) {\n this.set('-moz-border-right-colors', value)\n return this\n }\n\n /**\n * Ske Firefox, -moz-border-bottom-colors sets a list of colors for the bottom border..\n *\n * syntax: `td { -moz-border-top-colors: #00ff33 #33ff66 #66ff99; }`\n *\n * restriction: color\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-border-left-colors\n *\n * @param value -\n */\n mozBorderTopColors(value: CSSProps['mozBorderTopColors']) {\n this.set('-moz-border-top-colors', value)\n return this\n }\n\n /**\n * Specifies how a XUL box aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box..\n * \n * syntax: `div { -moz-box-align: end; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-align\n *\n * values:\n * ```md\n * baseline: If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used.\n\n * center: Any extra space is divided evenly, with half placed above the child and the other half placed after the child.\n\n * end: For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element.\n\n * start: For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element.\n\n * stretch: The height of each child is adjusted to that of the containing block.\n * ```\n * @param value -\n */\n mozBoxAlign(value: CSSProps['mozBoxAlign']) {\n this.set('-moz-box-align', value)\n return this\n }\n\n /**\n * Specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)..\n * \n * syntax: `div { -moz-box-direction: reverse; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-direction\n *\n * values:\n * ```md\n * normal: A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom.\n\n * reverse: A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top.\n * ```\n * @param value -\n */\n mozBoxDirection(value: CSSProps['mozBoxDirection']) {\n this.set('-moz-box-direction', value)\n return this\n }\n\n /**\n * Specifies how a box grows to fill the box that contains it, in the direction of the containing box's layout..\n *\n * syntax: `div { -moz-box-flex: 1; }`\n *\n * restriction: number\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-box-flex\n *\n * @param value -\n */\n mozBoxFlex(value: CSSProps['mozBoxFlex']) {\n this.set('-moz-box-flex', value)\n return this\n }\n\n /**\n * Flexible elements can be assigned to flex groups using the 'box-flex-group' property..\n *\n * syntax: `div { -moz-box-flexgroup: 3; }`\n *\n * restriction: integer\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-box-flexgroup\n *\n * @param value -\n */\n mozBoxFlexgroup(value: CSSProps['mozBoxFlexgroup']) {\n this.set('-moz-box-flexgroup', value)\n return this\n }\n\n /**\n * Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group..\n *\n * syntax: `div { -moz-box-ordinal-group: 5; }`\n *\n * restriction: integer\n *\n * browsers: FF1\n *\n * ref: https://developer.mozilla.org/en/CSS/-moz-box-ordinal-group\n *\n * @param value -\n */\n mozBoxOrdinalGroup(value: CSSProps['mozBoxOrdinalGroup']) {\n this.set('-moz-box-ordinal-group', value)\n return this\n }\n\n /**\n * In Mozilla applications, -moz-box-orient specifies whether a box lays out its contents horizontally or vertically..\n * \n * syntax: `div { -moz-box-orient: vertical; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-orient\n *\n * values:\n * ```md\n * block-axis: Elements are oriented along the box's axis.\n\n * horizontal: The box displays its children from left to right in a horizontal line.\n\n * inline-axis: Elements are oriented vertically.\n\n * vertical: The box displays its children from stacked from top to bottom vertically.\n * ```\n * @param value -\n */\n mozBoxOrient(value: CSSProps['mozBoxOrient']) {\n this.set('-moz-box-orient', value)\n return this\n }\n\n /**\n * Specifies how a box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box..\n * \n * syntax: `div { -moz-box-pack: end; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-box-pack\n *\n * values:\n * ```md\n * center: The extra space is divided evenly, with half placed before the first child and the other half placed after the last child.\n\n * end: For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child.\n\n * justify: The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start.\n\n * start: For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child.\n * ```\n * @param value -\n */\n mozBoxPack(value: CSSProps['mozBoxPack']) {\n this.set('-moz-box-pack', value)\n return this\n }\n\n /**\n * Box Model addition in CSS3..\n * \n * syntax: `div { -moz-box-sizing: content-box; }`\n * \n * restriction: enum\n * \n * browsers: FF1\n * \n * ref: http://www.w3.org/TR/css3-ui/#box-sizing\n *\n * values:\n * ```md\n * border-box: The specified width and height (and respective min/max properties) on this element determine the border box of the element.\n\n * content-box: Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element.\n\n * padding-box: The specified width and height (and respective min/max properties) on this element determine the padding box of the element.\n * ```\n * @param value -\n */\n mozBoxSizing(value: CSSProps['mozBoxSizing']) {\n this.set('-moz-box-sizing', value)\n return this\n }\n\n /**\n * Describes the optimal number of columns into which the content of the element will be flowed..\n *\n * syntax: `div { -moz-column-count: 3; }`\n *\n * restriction: integer\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-count\n *\n * @param value -\n */\n mozColumnCount(value: CSSProps['mozColumnCount']) {\n this.set('-moz-column-count', value)\n return this\n }\n\n /**\n * Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap..\n *\n * syntax: `div { -moz-column-gap: 10px; }`\n *\n * restriction: length\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-gap0\n *\n * @param value -\n */\n mozColumnGap(value: CSSProps['mozColumnGap']) {\n this.set('-moz-column-gap', value)\n return this\n }\n\n /**\n * Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values..\n *\n * syntax: `header { -moz-column-rule: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule0\n *\n * @param value -\n */\n mozColumnRule(value: CSSProps['mozColumnRule']) {\n this.set('-moz-column-rule', value)\n return this\n }\n\n /**\n * Sets the color of the column rule.\n *\n * syntax: `div { -moz-column-rule-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-color\n *\n * @param value -\n */\n mozColumnRuleColor(value: CSSProps['mozColumnRuleColor']) {\n this.set('-moz-column-rule-color', value)\n return this\n }\n\n /**\n * Sets the style of the rule between columns of an element..\n *\n * syntax: `div { -moz-column-rule-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-style\n *\n * @param value -\n */\n mozColumnRuleStyle(value: CSSProps['mozColumnRuleStyle']) {\n this.set('-moz-column-rule-style', value)\n return this\n }\n\n /**\n * Sets the width of the rule between columns. Negative values are not allowed..\n *\n * syntax: `div { -moz-column-rule-width: 3px; }`\n *\n * restriction: length, line-width\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-width\n *\n * @param value -\n */\n mozColumnRuleWidth(value: CSSProps['mozColumnRuleWidth']) {\n this.set('-moz-column-rule-width', value)\n return this\n }\n\n /**\n * A shorthand property which sets both 'column-width' and 'column-count'..\n *\n * syntax: `div { -moz-columns: 100px 3; }`\n *\n * restriction: length, integer\n *\n * browsers: FF9\n *\n * ref: http://www.w3.org/TR/css3-multicol/#columns0\n *\n * @param value -\n */\n mozColumns(value: CSSProps['mozColumns']) {\n this.set('-moz-columns', value)\n return this\n }\n\n /**\n * This property describes the width of columns in multicol elements..\n *\n * syntax: `div { -moz-column-width: 100px; }`\n *\n * restriction: length\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-width\n *\n * @param value -\n */\n mozColumnWidth(value: CSSProps['mozColumnWidth']) {\n this.set('-moz-column-width', value)\n return this\n }\n\n /**\n * Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case..\n * \n * syntax: `body { -moz-font-feature-settings: 'hwid'; }`\n * \n * restriction: string, integer\n * \n * browsers: FF4\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings\n *\n * values:\n * ```md\n * c2cs: undefined\n\n * dlig: undefined\n\n * kern: undefined\n\n * liga: undefined\n\n * lnum: undefined\n\n * onum: undefined\n\n * smcp: undefined\n\n * swsh: undefined\n\n * tnum: undefined\n\n * normal: No change in glyph substitution or positioning occurs.\n\n * off: undefined\n\n * on: undefined\n * ```\n * @param value -\n */\n mozFontFeatureSettings(value: CSSProps['mozFontFeatureSettings']) {\n this.set('-moz-font-feature-settings', value)\n return this\n }\n\n /**\n * Controls whether hyphenation is allowed to create more break opportunities within a line of text..\n * \n * syntax: `div { -moz-hyphens: manual; }`\n * \n * restriction: enum\n * \n * browsers: FF9\n * \n * ref: http://www.w3.org/TR/css3-text/#hyphens0\n *\n * values:\n * ```md\n * auto: Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.\n\n * manual: Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities\n\n * none: Words are not broken at line breaks, even if characters inside the word suggest line break points.\n * ```\n * @param value -\n */\n mozHyphens(value: CSSProps['mozHyphens']) {\n this.set('-moz-hyphens', value)\n return this\n }\n\n /**\n * Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself..\n *\n * syntax: `div { -moz-perspective: none; }`\n *\n * restriction: length\n *\n * browsers: FF10\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective\n *\n * @param value -\n */\n mozPerspective(value: CSSProps['mozPerspective']) {\n this.set('-moz-perspective', value)\n return this\n }\n\n /**\n * Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element..\n *\n * syntax: `div { -moz-perspective-origin: 10px; }`\n *\n * restriction: position, percentage, length\n *\n * browsers: FF10\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective-origin\n *\n * @param value -\n */\n mozPerspectiveOrigin(value: CSSProps['mozPerspectiveOrigin']) {\n this.set('-moz-perspective-origin', value)\n return this\n }\n\n /**\n * Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'..\n * \n * syntax: `div { -moz-text-align-last: right; }`\n * \n * restriction: enum\n * \n * browsers: FF12\n * \n * ref: http://www.w3.org/TR/css3-text/#text-align-last0\n *\n * values:\n * ```md\n * auto: undefined\n\n * center: The inline contents are centered within the line box.\n\n * end: The inline contents are aligned to the end edge of the line box.\n\n * justify: The text is justified according to the method specified by the 'text-justify' property.\n\n * left: The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text.\n\n * right: The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text.\n\n * start: The inline contents are aligned to the start edge of the line box.\n * ```\n * @param value -\n */\n mozTextAlignLast(value: CSSProps['mozTextAlignLast']) {\n this.set('-moz-text-align-last', value)\n return this\n }\n\n /**\n * Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line..\n *\n * syntax: `div { -moz-text-decoration-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: FF6\n *\n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-color\n *\n * @param value -\n */\n mozTextDecorationColor(value: CSSProps['mozTextDecorationColor']) {\n this.set('-moz-text-decoration-color', value)\n return this\n }\n\n /**\n * Specifies what line decorations, if any, are added to the element..\n * \n * syntax: `div { -moz-text-decoration-line: underline; }`\n * \n * restriction: enum\n * \n * browsers: FF6\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-line\n *\n * values:\n * ```md\n * line-through: Each line of text has a line through the middle.\n\n * none: Neither produces nor inhibits text decoration.\n\n * overline: Each line of text has a line above it.\n\n * underline: Each line of text is underlined.\n * ```\n * @param value -\n */\n mozTextDecorationLine(value: CSSProps['mozTextDecorationLine']) {\n this.set('-moz-text-decoration-line', value)\n return this\n }\n\n /**\n * Specifies the line style for underline, line-through and overline text decoration..\n * \n * syntax: `div { -moz-text-decoration-style: solid; }`\n * \n * restriction: enum\n * \n * browsers: FF6\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-style\n *\n * values:\n * ```md\n * dashed: Produces a dashed line style.\n\n * dotted: Produces a dotted line.\n\n * double: Produces a double line.\n\n * none: Produces no line.\n\n * solid: Produces a solid line.\n\n * wavy: Produces a wavy line.\n * ```\n * @param value -\n */\n mozTextDecorationStyle(value: CSSProps['mozTextDecorationStyle']) {\n this.set('-moz-text-decoration-style', value)\n return this\n }\n\n /**\n * Specifies a size adjustment for displaying text content in mobile browsers..\n * \n * syntax: `body { -moz-text-size-adjust: 150%; }`\n * \n * restriction: enum, percentage\n * \n * browsers: FF\n * \n * ref: http://dev.w3.org/csswg/css-size-adjust/\n *\n * values:\n * ```md\n * auto: Renderers must use the default size adjustment when displaying on a small device.\n\n * none: Renderers must not do size adjustment when displaying on a small device.\n * ```\n * @param value -\n */\n mozTextSizeAdjust(value: CSSProps['mozTextSizeAdjust']) {\n this.set('-moz-text-size-adjust', value)\n return this\n }\n\n /**\n * A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG..\n * \n * syntax: `div { -moz-transform: rotate(-90deg); }`\n * \n * restriction: enum\n * \n * browsers: FF3.5\n * \n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-property\n *\n * values:\n * ```md\n * matrix(): Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]\n\n * matrix3d(): Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.\n\n * none: undefined\n\n * perspective: Specifies a perspective projection matrix.\n\n * rotate(): Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.\n\n * rotate3d(): Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.\n\n * rotateX('angle'): Specifies a clockwise rotation by the given angle about the X axis.\n\n * rotateY('angle'): Specifies a clockwise rotation by the given angle about the Y axis.\n\n * rotateZ('angle'): Specifies a clockwise rotation by the given angle about the Z axis.\n\n * scale(): Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.\n\n * scale3d(): Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.\n\n * scaleX(): Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.\n\n * scaleY(): Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.\n\n * scaleZ(): Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.\n\n * skew(): Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).\n\n * skewX(): Specifies a skew transformation along the X axis by the given angle.\n\n * skewY(): Specifies a skew transformation along the Y axis by the given angle.\n\n * translate(): Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.\n\n * translate3d(): Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.\n\n * translateX(): Specifies a translation by the given amount in the X direction.\n\n * translateY(): Specifies a translation by the given amount in the Y direction.\n\n * translateZ(): Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.\n * ```\n * @param value -\n */\n mozTransform(value: CSSProps['mozTransform']) {\n this.set('-moz-transform', value)\n return this\n }\n\n /**\n * Establishes the origin of transformation for an element..\n *\n * syntax: `.album { -moz-transform-origin: 20% 40%; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: FF3.5\n *\n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-origin\n *\n * @param value -\n */\n mozTransformOrigin(value: CSSProps['mozTransformOrigin']) {\n this.set('-moz-transform-origin', value)\n return this\n }\n\n /**\n * Shorthand property combines four of the transition properties into a single property..\n * \n * syntax: `div { -moz-transition: background-color linear 1s; }`\n * \n * restriction: time, property, timing-function, enum\n * \n * browsers: FF4\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n mozTransition(value: CSSProps['mozTransition']) {\n this.set('-moz-transition', value)\n return this\n }\n\n /**\n * Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied..\n *\n * syntax: `div { -moz-transition-delay: 1s; }`\n *\n * restriction: time\n *\n * browsers: FF4\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-delay\n *\n * @param value -\n */\n mozTransitionDelay(value: CSSProps['mozTransitionDelay']) {\n this.set('-moz-transition-delay', value)\n return this\n }\n\n /**\n * Specifies how long the transition from the old value to the new value should take..\n *\n * syntax: `div { -moz-transition-duration: 1s; }`\n *\n * restriction: time\n *\n * browsers: FF4\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-duration\n *\n * @param value -\n */\n mozTransitionDuration(value: CSSProps['mozTransitionDuration']) {\n this.set('-moz-transition-duration', value)\n return this\n }\n\n /**\n * Specifies the name of the CSS property to which the transition is applied..\n * \n * syntax: `div { -moz-transition-property: background-color; }`\n * \n * restriction: property\n * \n * browsers: FF4\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition-property\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n mozTransitionProperty(value: CSSProps['mozTransitionProperty']) {\n this.set('-moz-transition-property', value)\n return this\n }\n\n /**\n * Describes how the intermediate values used during a transition will be calculated..\n *\n * syntax: `div { -moz-transition-timing-function: linear; }`\n *\n * restriction: timing-function\n *\n * browsers: FF4\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-timing-function\n *\n * @param value -\n */\n mozTransitionTimingFunction(value: CSSProps['mozTransitionTimingFunction']) {\n this.set('-moz-transition-timing-function', value)\n return this\n }\n\n /**\n * Used to indicate whether the element can have focus..\n * \n * syntax: `div { -moz-user-focus: ignore; }`\n * \n * restriction: \n * \n * browsers: FF1.5\n * \n * ref: https://developer.mozilla.org/en-US/docs/CSS/-moz-user-focus\n *\n * values:\n * ```md\n * ignore: undefined\n\n * normal: undefined\n * ```\n * @param value -\n */\n mozUserFocus(value: CSSProps['mozUserFocus']) {\n this.set('-moz-user-focus', value)\n return this\n }\n\n /**\n * Controls the appearance of selection..\n * \n * syntax: `div { -moz-user-select: text; }`\n * \n * restriction: enum\n * \n * browsers: FF1.5\n * \n * ref: https://developer.mozilla.org/en/CSS/-moz-user-select\n *\n * values:\n * ```md\n * all: undefined\n\n * element: undefined\n\n * elements: undefined\n\n * -moz-all: undefined\n\n * -moz-none: undefined\n\n * none: undefined\n\n * text: undefined\n\n * toggle: undefined\n * ```\n * @param value -\n */\n mozUserSelect(value: CSSProps['mozUserSelect']) {\n this.set('-moz-user-select', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Defines how to alter the representation when the counter value is negative..\n *\n * syntax: `@counter-style { negative: '(' ')'; }`\n *\n * restriction: image, identifier, string\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-negative\n *\n * @param value -\n */\n negative(value: CSSProps['negative']) {\n this.set('negative', value)\n return this\n }\n\n /**\n * Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width..\n * \n * syntax: `p { object-fit: cover; }`\n * \n * restriction: enum\n * \n * browsers: C32,FF36,O19,S7.1\n * \n * ref: http://www.w3.org/TR/css-images/#object-fit\n *\n * values:\n * ```md\n * contain: The replaced content is sized to maintain its aspect ratio while fitting within the element's content box: its concrete object size is resolved as a contain constraint against the element's used width and height.\n\n * cover: The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element's used width and height.\n\n * fill: The replaced content is sized to fill the element's content box: the object's concrete object size is the element's used width and height.\n\n * none: The replaced content is not resized to fit inside the element's content box\n\n * scale-down: Size the content as if 'none' or 'contain' were specified, whichever would result in a smaller concrete object size.\n * ```\n * @param value -\n */\n objectFit(value: CSSProps['objectFit']) {\n this.set('object-fit', value)\n return this\n }\n\n /**\n * Determines the alignment of the replaced element inside its box..\n *\n * syntax: `img { object-position: left top; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: C32,FF36,O19\n *\n * ref: http://www.w3.org/TR/css-images/#object-position\n *\n * @param value -\n */\n objectPosition(value: CSSProps['objectPosition']) {\n this.set('object-position', value)\n return this\n }\n\n /**\n * Opacity of an element's text, where 1 is opaque and 0 is entirely transparent..\n *\n * syntax: `article { opacity: opacity: 0.4; }`\n *\n * restriction: number(0-1)\n *\n * browsers: C,FF3.6,IE9,O9,S1.2\n *\n * ref: http://www.w3.org/TR/css3-color/#opacity\n *\n * @param value -\n */\n opacity(value: CSSProps['opacity']) {\n this.set('opacity', value)\n return this\n }\n\n /**\n * Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups..\n *\n * syntax: `p { order: -1; }`\n *\n * restriction: integer\n *\n * browsers: E,C29,FF22,IE11,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-flexbox/#order\n *\n * @param value -\n */\n order(value: CSSProps['order']) {\n this.set('order', value)\n return this\n }\n\n /**\n * Specifies the minimum number of line boxes in a block container that must be left in a fragment before a fragmentation break..\n *\n * syntax: `<integer>`\n *\n * restriction: integer\n *\n * browsers: C,IE8,O7,S1.3\n *\n * ref: http://www.w3.org/TR/css3-break/#widows-orphans\n *\n * @param value -\n */\n orphans(value: CSSProps['orphans']) {\n this.set('orphans', value)\n return this\n }\n\n /**\n * Logical 'bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-block-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetBlockEnd(value: CSSProps['offsetBlockEnd']) {\n this.set('offset-block-end', value)\n return this\n }\n\n /**\n * Logical 'top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-block-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetBlockStart(value: CSSProps['offsetBlockStart']) {\n this.set('offset-block-start', value)\n return this\n }\n\n /**\n * Logical 'right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-inline-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetInlineEnd(value: CSSProps['offsetInlineEnd']) {\n this.set('offset-inline-end', value)\n return this\n }\n\n /**\n * Logical 'left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { offset-inline-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#logical-prop\n *\n * @param value -\n */\n offsetInlineStart(value: CSSProps['offsetInlineStart']) {\n this.set('offset-inline-start', value)\n return this\n }\n\n /**\n * Shorthand property for 'outline-style', 'outline-width', and 'outline-color'..\n * \n * syntax: `header { outline: 5px solid red;}`\n * \n * restriction: length, line-width, line-style, color, enum\n * \n * browsers: E,C,FF1.5,IE8,O8,S1.2\n * \n * ref: http://www.w3.org/TR/css3-ui/#outline0\n *\n * values:\n * ```md\n * auto: Permits the user agent to render a custom outline style, typically the default platform style.\n\n * invert: Performs a color inversion on the pixels on the screen.\n * ```\n * @param value -\n */\n outline(value: CSSProps['outline']) {\n this.set('outline', value)\n return this\n }\n\n /**\n * The color of the outline..\n *\n * syntax: `body { outline-color: red; }`\n *\n * restriction: enum, color\n *\n * browsers: E,C,FF1.5,IE8,O8,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-color\n *\n * @param value -\n */\n outlineColor(value: CSSProps['outlineColor']) {\n this.set('outline-color', value)\n return this\n }\n\n /**\n * Offset the outline and draw it beyond the border edge..\n *\n * syntax: `article { outline-offset: 15px; }`\n *\n * restriction: length\n *\n * browsers: C,FF1.5,O9.5,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-offset0\n *\n * @param value -\n */\n outlineOffset(value: CSSProps['outlineOffset']) {\n this.set('outline-offset', value)\n return this\n }\n\n /**\n * Style of the outline..\n *\n * syntax: `td { outline-style: solid; }`\n *\n * restriction: line-style, enum\n *\n * browsers: E,C,FF1.5,IE8,O8,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-style0\n *\n * @param value -\n */\n outlineStyle(value: CSSProps['outlineStyle']) {\n this.set('outline-style', value)\n return this\n }\n\n /**\n * Width of the outline..\n *\n * syntax: `td { outline-width: 2px; }`\n *\n * restriction: length, line-width\n *\n * browsers: E,C,FF1.5,IE8,O8,S1.2\n *\n * ref: http://www.w3.org/TR/css3-ui/#outline-width0\n *\n * @param value -\n */\n outlineWidth(value: CSSProps['outlineWidth']) {\n this.set('outline-width', value)\n return this\n }\n\n /**\n * Shorthand for setting 'overflow-x' and 'overflow-y'..\n * \n * syntax: `div { overflow: hidden auto; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-overflow-3/#overflow\n *\n * values:\n * ```md\n * auto: The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.\n\n * clip: Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.\n\n * hidden: Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.\n\n * -moz-hidden-unscrollable: Same as the standardized 'clip', except doesn't establish a block formatting context.\n\n * scroll: Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped.\n\n * visible: Content is not clipped, i.e., it may be rendered outside the content box.\n * ```\n * @param value -\n */\n overflow(value: CSSProps['overflow']) {\n this.set('overflow', value)\n return this\n }\n\n /**\n * Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit within the line box..\n * \n * syntax: `div { overflow-wrap: break-word; }`\n * \n * restriction: enum\n * \n * browsers: C23,O12.1,S6.1\n * \n * ref: http://www.w3.org/TR/css3-text/#overflow-wrap0\n *\n * values:\n * ```md\n * break-word: An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line.\n\n * normal: Lines may break only at allowed break points.\n\n * anywhere: There is a soft wrap opportunity around every typographic character unit, including around any punctuation character or preserved white spaces, or in the middle of words, disregarding any prohibition against line breaks, even those introduced by characters with the GL, WJ, or ZWJ line breaking classes or mandated by the word-break property.\n * ```\n * @param value -\n */\n overflowWrap(value: CSSProps['overflowWrap']) {\n this.set('overflow-wrap', value)\n return this\n }\n\n /**\n * Specifies the handling of overflow in the horizontal direction..\n * \n * syntax: `div { overflow-x: hidden; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF1.5,IE5,O9.5,S3\n * \n * ref: http://www.w3.org/TR/css3-box/#overflow-x\n *\n * values:\n * ```md\n * auto: The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.\n\n * clip: Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.\n\n * hidden: Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.\n\n * scroll: Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped.\n\n * visible: Content is not clipped, i.e., it may be rendered outside the content box.\n * ```\n * @param value -\n */\n overflowX(value: CSSProps['overflowX']) {\n this.set('overflow-x', value)\n return this\n }\n\n /**\n * Specifies the handling of overflow in the vertical direction..\n * \n * syntax: `div { overflow-y: hidden; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF1.5,IE5,O9.5,S3\n * \n * ref: http://www.w3.org/TR/css3-box/#overflow-x\n *\n * values:\n * ```md\n * auto: The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.\n\n * clip: Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.\n\n * hidden: Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.\n\n * scroll: Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped.\n\n * visible: Content is not clipped, i.e., it may be rendered outside the content box.\n * ```\n * @param value -\n */\n overflowY(value: CSSProps['overflowY']) {\n this.set('overflow-y', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a \"fixed-width\" counter style, where representations shorter than the pad value are padded with a particular <symbol>.\n *\n * syntax: `@counter-style { pad: 3 '0'; }`\n *\n * restriction: integer, image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-pad\n *\n * @param value -\n */\n pad(value: CSSProps['pad']) {\n this.set('pad', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `div { padding: 4px 7px 2px 4px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n padding(value: CSSProps['padding']) {\n this.set('padding', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-bottom: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingBottom(value: CSSProps['paddingBottom']) {\n this.set('padding-bottom', value)\n return this\n }\n\n /**\n * Logical 'padding-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-block-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingBlockEnd(value: CSSProps['paddingBlockEnd']) {\n this.set('padding-block-end', value)\n return this\n }\n\n /**\n * Logical 'padding-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-block-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingBlockStart(value: CSSProps['paddingBlockStart']) {\n this.set('padding-block-start', value)\n return this\n }\n\n /**\n * Logical 'padding-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-inline-end: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingInlineEnd(value: CSSProps['paddingInlineEnd']) {\n this.set('padding-inline-end', value)\n return this\n }\n\n /**\n * Logical 'padding-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'..\n *\n * syntax: `article { padding-inline-start: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: FF41\n *\n * ref: https://drafts.csswg.org/css-logical-props/#border-padding\n *\n * @param value -\n */\n paddingInlineStart(value: CSSProps['paddingInlineStart']) {\n this.set('padding-inline-start', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-left: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingLeft(value: CSSProps['paddingLeft']) {\n this.set('padding-left', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-right: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingRight(value: CSSProps['paddingRight']) {\n this.set('padding-right', value)\n return this\n }\n\n /**\n * Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative..\n *\n * syntax: `ul { padding-top: 2em; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-box/#padding1\n *\n * @param value -\n */\n paddingTop(value: CSSProps['paddingTop']) {\n this.set('padding-top', value)\n return this\n }\n\n /**\n * Defines rules for page breaks after an element..\n * \n * syntax: `table { page-break-after: always; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-break/#page-break-properties\n *\n * values:\n * ```md\n * always: Always force a page break after the generated box.\n\n * auto: Neither force nor forbid a page break after generated box.\n\n * avoid: Avoid a page break after the generated box.\n\n * left: Force one or two page breaks after the generated box so that the next page is formatted as a left page.\n\n * recto: Equivalent to right in left-to-right page progressions and left in right-to-left page progressions.\n\n * right: Force one or two page breaks after the generated box so that the next page is formatted as a right page.\n\n * verso: Equivalent to left in left-to-right page progressions and right in right-to-left page progressions.\n * ```\n * @param value -\n */\n pageBreakAfter(value: CSSProps['pageBreakAfter']) {\n this.set('page-break-after', value)\n return this\n }\n\n /**\n * Defines rules for page breaks before an element..\n * \n * syntax: `table { page-break-before: always; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-break/#page-break-properties\n *\n * values:\n * ```md\n * always: Always force a page break before the generated box.\n\n * auto: Neither force nor forbid a page break before the generated box.\n\n * avoid: Avoid a page break before the generated box.\n\n * left: Force one or two page breaks before the generated box so that the next page is formatted as a left page.\n\n * right: Force one or two page breaks before the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n pageBreakBefore(value: CSSProps['pageBreakBefore']) {\n this.set('page-break-before', value)\n return this\n }\n\n /**\n * Defines rules for page breaks inside an element..\n * \n * syntax: `table { page-break-inside: avoid; }`\n * \n * restriction: enum\n * \n * browsers: C,IE8,O7,S1.3\n * \n * ref: http://www.w3.org/TR/css3-break/#page-break-properties\n *\n * values:\n * ```md\n * auto: Neither force nor forbid a page break inside the generated box.\n\n * avoid: Avoid a page break inside the generated box.\n * ```\n * @param value -\n */\n pageBreakInside(value: CSSProps['pageBreakInside']) {\n this.set('page-break-inside', value)\n return this\n }\n\n /**\n * Controls the order that the three paint operations that shapes and text are rendered with: their fill, their stroke and any markers they might have..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C35,FF31,O22,S7.1\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#PaintOrderProperty\n *\n * values:\n * ```md\n * fill: undefined\n\n * markers: undefined\n\n * normal: The element is painted with the standard order of painting operations: the 'fill' is painted first, then its 'stroke' and finally its markers.\n\n * stroke: undefined\n * ```\n * @param value -\n */\n paintOrder(value: CSSProps['paintOrder']) {\n this.set('paint-order', value)\n return this\n }\n\n /**\n * Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself..\n *\n * syntax: `div { perspective: none; }`\n *\n * restriction: length, enum\n *\n * browsers: E,C36,FF16,IE10,O23,S9\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective\n *\n * @param value -\n */\n perspective(value: CSSProps['perspective']) {\n this.set('perspective', value)\n return this\n }\n\n /**\n * Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element..\n *\n * syntax: `div { perspective-origin: 10px; }`\n *\n * restriction: position, percentage, length\n *\n * browsers: E,C36,FF16,IE10,O23,S9\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective-origin\n *\n * @param value -\n */\n perspectiveOrigin(value: CSSProps['perspectiveOrigin']) {\n this.set('perspective-origin', value)\n return this\n }\n\n /**\n * Specifies under what circumstances a given element can be the target element for a pointer event..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/interact.html#PointerEventsProperty\n *\n * values:\n * ```md\n * all: The given element can be the target element for pointer events whenever the pointer is over either the interior or the perimeter of the element.\n\n * fill: The given element can be the target element for pointer events whenever the pointer is over the interior of the element.\n\n * none: The given element does not receive pointer events.\n\n * painted: The given element can be the target element for pointer events when the pointer is over a \"painted\" area. \n\n * stroke: The given element can be the target element for pointer events whenever the pointer is over the perimeter of the element.\n\n * visible: The given element can be the target element for pointer events when the 'visibility' property is set to visible and the pointer is over either the interior or the perimeter of the element.\n\n * visibleFill: The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over the interior of the element.\n\n * visiblePainted: The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over a 'painted' area.\n\n * visibleStroke: The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over the perimeter of the element.\n * ```\n * @param value -\n */\n pointerEvents(value: CSSProps['pointerEvents']) {\n this.set('pointer-events', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { position: absolute; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-positioning/#propdef-position\n *\n * values:\n * ```md\n * absolute: The box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's 'containing block'.\n\n * center: Center positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.\n\n * fixed: The box's position is calculated according to the 'absolute' model, but in addition, the box is fixed with respect to some reference. As with the 'absolute' model, the box's margins do not collapse with any other margins.\n\n * -ms-page: The box's position is calculated according to the 'absolute' model.\n\n * page: The box's position is calculated according to the 'absolute' model.\n\n * relative: The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position.\n\n * static: The box is a normal box, laid out according to the normal flow. The 'top', 'right', 'bottom', and 'left' properties do not apply.\n\n * sticky: The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes.\n\n * -webkit-sticky: The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes.\n * ```\n * @param value -\n */\n position(value: CSSProps['position']) {\n this.set('position', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a <symbol> that is prepended to the marker representation..\n *\n * syntax: `@counter-style { prefix: '#'; }`\n *\n * restriction: image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-prefix\n *\n * @param value -\n */\n prefix(value: CSSProps['prefix']) {\n this.set('prefix', value)\n return this\n }\n\n /**\n * Specifies quotation marks for any number of embedded quotations..\n *\n * syntax: `none | [ <string> <string> ]+`\n *\n * restriction: string\n *\n * browsers: E,C,FF1.5,IE8,O8,S5.1\n *\n * ref: http://www.w3.org/TR/css3-content/#quotes\n *\n * @param value -\n */\n quotes(value: CSSProps['quotes']) {\n this.set('quotes', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Defines the ranges over which the counter style is defined..\n * \n * syntax: `@counter-style { range: 2 infinite, 8 834048; }`\n * \n * restriction: integer, enum\n * \n * browsers: FF33\n * \n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-range\n *\n * values:\n * ```md\n * auto: The range depends on the counter system.\n\n * infinite: If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity.\n * ```\n * @param value -\n */\n range(value: CSSProps['range']) {\n this.set('range', value)\n return this\n }\n\n /**\n * Specifies whether or not an element is resizable by the user, and if so, along which axis/axes..\n * \n * syntax: `div { resize: both; }`\n * \n * restriction: enum\n * \n * browsers: C,FF4,O15,S3\n * \n * ref: http://www.w3.org/TR/css3-ui/#resize0\n *\n * values:\n * ```md\n * both: The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element.\n\n * block: Logical 'vertical'\n\n * horizontal: The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element.\n\n * inline: Logical 'horizontal'\n\n * none: The UA does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element.\n\n * vertical: The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element.\n * ```\n * @param value -\n */\n resize(value: CSSProps['resize']) {\n this.set('resize', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's right margin edge is offset to the left of the right edge of the box's 'containing block'..\n *\n * syntax: `article { right: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-right\n *\n * @param value -\n */\n right(value: CSSProps['right']) {\n this.set('right', value)\n return this\n }\n\n /**\n * Specifies how text is distributed within the various ruby boxes when their contents do not exactly fill their respective boxes..\n * \n * syntax: `auto | start | left | center | end | right | distribute-letter | distribute-space | line-edge`\n * \n * restriction: enum\n * \n * browsers: FF10,IE5\n * \n * ref: http://www.w3.org/TR/css3-ruby/#rubyalign\n *\n * values:\n * ```md\n * auto: The user agent determines how the ruby contents are aligned. This is the initial value.\n\n * center: The ruby content is centered within its box.\n\n * distribute-letter: If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with the first and last ruby text glyphs lining up with the corresponding first and last base glyphs. If the width of the ruby text is at least the width of the base, then the letters of the base are evenly distributed across the width of the ruby text.\n\n * distribute-space: If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with a certain amount of white space preceding the first and following the last character in the ruby text. That amount of white space is normally equal to half the amount of inter-character space of the ruby text.\n\n * left: The ruby text content is aligned with the start edge of the base.\n\n * line-edge: If the ruby text is not adjacent to a line edge, it is aligned as in 'auto'. If it is adjacent to a line edge, then it is still aligned as in auto, but the side of the ruby text that touches the end of the line is lined up with the corresponding edge of the base.\n\n * right: The ruby text content is aligned with the end edge of the base.\n\n * start: The ruby text content is aligned with the start edge of the base.\n\n * space-between: The ruby content expands as defined for normal text justification (as defined by 'text-justify'),\n\n * space-around: As for 'space-between' except that there exists an extra justification opportunities whose space is distributed half before and half after the ruby content.\n * ```\n * @param value -\n */\n rubyAlign(value: CSSProps['rubyAlign']) {\n this.set('ruby-align', value)\n return this\n }\n\n /**\n * Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base..\n * \n * syntax: `auto | start | end | none`\n * \n * restriction: enum\n * \n * browsers: FF10,IE5\n * \n * ref: http://www.w3.org/TR/css3-ruby/#rubyover\n *\n * values:\n * ```md\n * auto: The ruby text can overhang text adjacent to the base on either side. This is the initial value.\n\n * end: The ruby text can overhang the text that follows it.\n\n * none: The ruby text cannot overhang any text adjacent to its base, only its own base.\n\n * start: The ruby text can overhang the text that precedes it.\n * ```\n * @param value -\n */\n rubyOverhang(value: CSSProps['rubyOverhang']) {\n this.set('ruby-overhang', value)\n return this\n }\n\n /**\n * Used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base..\n * \n * syntax: `before | after | right`\n * \n * restriction: enum\n * \n * browsers: FF10,IE5\n * \n * ref: http://www.w3.org/TR/css3-ruby/#ruby-position\n *\n * values:\n * ```md\n * after: The ruby text appears after the base. This is a relatively rare setting used in ideographic East Asian writing systems, most easily found in educational text.\n\n * before: The ruby text appears before the base. This is the most common setting used in ideographic East Asian writing systems.\n\n * inline: undefined\n\n * right: The ruby text appears on the right of the base. Unlike 'before' and 'after', this value is not relative to the text flow direction.\n * ```\n * @param value -\n */\n rubyPosition(value: CSSProps['rubyPosition']) {\n this.set('ruby-position', value)\n return this\n }\n\n /**\n * Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base..\n * \n * syntax: `attr(x) | none`\n * \n * restriction: enum\n * \n * browsers: FF10\n * \n * ref: http://www.w3.org/TR/css3-ruby/#rubyspan\n *\n * values:\n * ```md\n * attr(x): The value of attribute 'x' is a string value. The string value is evaluated as a <number> to determine the number of ruby base elements to be spanned by the annotation element.\n\n * none: No spanning. The computed value is '1'.\n * ```\n * @param value -\n */\n rubySpan(value: CSSProps['rubySpan']) {\n this.set('ruby-span', value)\n return this\n }\n\n /**\n * Specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF36\n * \n * ref: http://www.w3.org/TR/cssom-view/#scroll-behavior\n *\n * values:\n * ```md\n * auto: Scrolls in an instant fashion.\n\n * smooth: Scrolls in a smooth fashion using a user-agent-defined timing function and time period.\n * ```\n * @param value -\n */\n scrollBehavior(value: CSSProps['scrollBehavior']) {\n this.set('scroll-behavior', value)\n return this\n }\n\n /**\n * Defines the x and y coordinate within the element which will align with the nearest ancestor scroll container's snap-destination for the respective axis..\n * \n * syntax: ` `\n * \n * restriction: position, length, percentage, enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-coordinate\n *\n * values:\n * ```md\n * none: Specifies that this element does not contribute a snap point.\n\n * border-box: Specifies the offset of the snap coordinate from the start edge of the element's border box.\n\n * margin-box: Specifies the offset of the snap coordinate from the start edge of the element's margin box.\n * ```\n * @param value -\n */\n scrollSnapCoordinate(value: CSSProps['scrollSnapCoordinate']) {\n this.set('scroll-snap-coordinate', value)\n return this\n }\n\n /**\n * Define the x and y coordinate within the scroll container's visual viewport which element snap points will align with..\n *\n * syntax: ` `\n *\n * restriction: position, length, percentage\n *\n * browsers: FF39\n *\n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-destination\n *\n * @param value -\n */\n scrollSnapDestination(value: CSSProps['scrollSnapDestination']) {\n this.set('scroll-snap-destination', value)\n return this\n }\n\n /**\n * Defines the positioning of snap points along the x axis of the scroll container it is applied to..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-points-x\n *\n * values:\n * ```md\n * none: No snap points are defined by this scroll container.\n\n * repeat(): Defines an interval at which snap points are defined, starting from the container's relevant start edge.\n * ```\n * @param value -\n */\n scrollSnapPointsX(value: CSSProps['scrollSnapPointsX']) {\n this.set('scroll-snap-points-x', value)\n return this\n }\n\n /**\n * Defines the positioning of snap points along the y axis of the scroll container it is applied to..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-points-y\n *\n * values:\n * ```md\n * none: No snap points are defined by this scroll container.\n\n * repeat(): Defines an interval at which snap points are defined, starting from the container's relevant start edge.\n * ```\n * @param value -\n */\n scrollSnapPointsY(value: CSSProps['scrollSnapPointsY']) {\n this.set('scroll-snap-points-y', value)\n return this\n }\n\n /**\n * Defines how strictly snap points are enforced on the scroll container..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: FF39\n * \n * ref: http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-type\n *\n * values:\n * ```md\n * none: The visual viewport of this scroll container must ignore snap points, if any, when scrolled.\n\n * mandatory: The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations.\n\n * proximity: The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll.\n * ```\n * @param value -\n */\n scrollSnapType(value: CSSProps['scrollSnapType']) {\n this.set('scroll-snap-type', value)\n return this\n }\n\n /**\n * Defines the alpha channel threshold used to extract the shape using an image. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque..\n *\n * syntax: `div { shape-image-threshold: 0.5; }`\n *\n * restriction: number\n *\n * browsers: C37,O24\n *\n * ref: http://www.w3.org/TR/css-shapes-1/#propdef-shape-image-threshold\n *\n * @param value -\n */\n shapeImageThreshold(value: CSSProps['shapeImageThreshold']) {\n this.set('shape-image-threshold', value)\n return this\n }\n\n /**\n * Adds a margin to a 'shape-outside'. This defines a new shape that is the smallest contour that includes all the points that are the 'shape-margin' distance outward in the perpendicular direction from a point on the underlying shape..\n *\n * syntax: `div { shape-margin: 10px; }`\n *\n * restriction: url, length, percentage\n *\n * browsers: C37,O24\n *\n * ref: http://www.w3.org/TR/css-shapes-1/#propdef-shape-margin\n *\n * @param value -\n */\n shapeMargin(value: CSSProps['shapeMargin']) {\n this.set('shape-margin', value)\n return this\n }\n\n /**\n * Specifies an orthogonal rotation to be applied to an image before it is laid out..\n * \n * syntax: `div { shape-outside: margin-box; }`\n * \n * restriction: image, box, shape, enum\n * \n * browsers: C37,O24\n * \n * ref: http://www.w3.org/TR/css-shapes-1/#shape-outside-property\n *\n * values:\n * ```md\n * margin-box: The background is painted within (clipped to) the margin box.\n\n * none: The float area is unaffected.\n * ```\n * @param value -\n */\n shapeOutside(value: CSSProps['shapeOutside']) {\n this.set('shape-outside', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `<length>{1,2} | auto | [ <page-size> || [ portrait | landscape] ]`\n *\n * restriction: length\n *\n * browsers: C,O8\n *\n * ref: http://www.w3.org/TR/css3-page/#page-size-prop\n *\n * @param value -\n */\n size(value: CSSProps['size']) {\n this.set('size', value)\n return this\n }\n\n /**\n * `@`font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed..\n * \n * syntax: `src: url(font.woff) format('woff');`\n * \n * restriction: enum, url, identifier\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#src-desc\n *\n * values:\n * ```md\n * url(): Reference font by URL\n\n * format(): Optional hint describing the format of the font resource.\n\n * local(): Format-specific string that identifies a locally available copy of a given font.\n * ```\n * @param value -\n */\n src(value: CSSProps['src']) {\n this.set('src', value)\n return this\n }\n\n /**\n * Indicates what color to use at that gradient stop..\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/pservers.html#StopColorProperty\n *\n * @param value -\n */\n stopColor(value: CSSProps['stopColor']) {\n this.set('stop-color', value)\n return this\n }\n\n /**\n * Defines the opacity of a given gradient stop..\n *\n * syntax: ` `\n *\n * restriction: number(0-1)\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/pservers.html#StopOpacityProperty\n *\n * @param value -\n */\n stopOpacity(value: CSSProps['stopOpacity']) {\n this.set('stop-opacity', value)\n return this\n }\n\n /**\n * Paints along the outline of the given graphical element..\n * \n * syntax: ` `\n * \n * restriction: color, enum, url\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeProperty\n *\n * values:\n * ```md\n * child: A reference to the last child paint server element of the element being painted.\n\n * child(): A reference to the nth child paint server element of the element being painted.\n\n * context-fill: The computed value of the 'fill' property of the context element of the element being painted.\n\n * context-stroke: The computed value of the 'stroke' property of the context element of the element being painted.\n\n * url(): A URL reference to a paint server element, which is an element that defines a paint server: 'hatch', 'linearGradient', 'mesh', 'pattern', 'radialGradient' and 'solidcolor'.\n\n * none: No paint is applied in this layer.\n * ```\n * @param value -\n */\n stroke(value: CSSProps['stroke']) {\n this.set('stroke', value)\n return this\n }\n\n /**\n * Controls the pattern of dashes and gaps used to stroke paths..\n *\n * syntax: ` `\n *\n * restriction: length, percentage, number, enum\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeDasharrayProperty\n *\n * @param value -\n */\n strokeDasharray(value: CSSProps['strokeDasharray']) {\n this.set('stroke-dasharray', value)\n return this\n }\n\n /**\n * Specifies the distance into the dash pattern to start the dash..\n *\n * syntax: ` `\n *\n * restriction: percentage, length\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeDashoffsetProperty\n *\n * @param value -\n */\n strokeDashoffset(value: CSSProps['strokeDashoffset']) {\n this.set('stroke-dashoffset', value)\n return this\n }\n\n /**\n * Specifies the shape to be used at the end of open subpaths when they are stroked..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeLinecapProperty\n *\n * values:\n * ```md\n * butt: Indicates that the stroke for each subpath does not extend beyond its two endpoints.\n\n * round: Indicates that at each end of each subpath, the shape representing the stroke will be extended by a half circle with a radius equal to the stroke width.\n\n * square: Indicates that at the end of each subpath, the shape representing the stroke will be extended by a rectangle with the same width as the stroke width and whose length is half of the stroke width.\n * ```\n * @param value -\n */\n strokeLinecap(value: CSSProps['strokeLinecap']) {\n this.set('stroke-linecap', value)\n return this\n }\n\n /**\n * Specifies the shape to be used at the corners of paths or basic shapes when they are stroked..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeLinejoinProperty\n *\n * values:\n * ```md\n * arcs: Indicates that an arcs corner is to be used to join path segments.\n\n * bevel: Indicates that a bevelled corner is to be used to join path segments.\n\n * miter: Indicates that a sharp corner is to be used to join path segments.\n\n * miter-clip: Same as miter but if the 'stroke-miterlimit' is exceeded, the miter is clipped at a miter length equal to the 'stroke-miterlimit' value multiplied by the stroke width.\n\n * round: Indicates that a round corner is to be used to join path segments.\n * ```\n * @param value -\n */\n strokeLinejoin(value: CSSProps['strokeLinejoin']) {\n this.set('stroke-linejoin', value)\n return this\n }\n\n /**\n * When two line segments meet at a sharp angle and miter joins have been specified for 'stroke-linejoin', it is possible for the miter to extend far beyond the thickness of the line stroking the path..\n *\n * syntax: `path { stroke-miterlimit: 4; }`\n *\n * restriction: number\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeMiterlimitProperty\n *\n * @param value -\n */\n strokeMiterlimit(value: CSSProps['strokeMiterlimit']) {\n this.set('stroke-miterlimit', value)\n return this\n }\n\n /**\n * Specifies the opacity of the painting operation used to stroke the current object..\n *\n * syntax: ` `\n *\n * restriction: number(0-1)\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeOpacityProperty\n *\n * @param value -\n */\n strokeOpacity(value: CSSProps['strokeOpacity']) {\n this.set('stroke-opacity', value)\n return this\n }\n\n /**\n * Specifies the width of the stroke on the current object..\n *\n * syntax: ` `\n *\n * restriction: percentage, length\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/SVG2/painting.html#StrokeWidth\n *\n * @param value -\n */\n strokeWidth(value: CSSProps['strokeWidth']) {\n this.set('stroke-width', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies a <symbol> that is appended to the marker representation..\n *\n * syntax: `@counter-style { suffix: '\\2E\\20'; }`\n *\n * restriction: image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-suffix\n *\n * @param value -\n */\n suffix(value: CSSProps['suffix']) {\n this.set('suffix', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies which algorithm will be used to construct the counter's representation based on the counter value..\n * \n * syntax: `@counter-style triangle { system: cyclic; }`\n * \n * restriction: enum, integer\n * \n * browsers: FF33\n * \n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-system\n *\n * values:\n * ```md\n * additive: Represents \"sign-value\" numbering systems, which, rather than using reusing digits in different positions to change their value, define additional digits with much larger values, so that the value of the number can be obtained by adding all the digits together.\n\n * alphabetic: Interprets the list of counter symbols as digits to an alphabetic numbering system, similar to the default lower-alpha counter style, which wraps from \"a\", \"b\", \"c\", to \"aa\", \"ab\", \"ac\".\n\n * cyclic: Cycles repeatedly through its provided symbols, looping back to the beginning when it reaches the end of the list.\n\n * extends: Use the algorithm of another counter style, but alter other aspects.\n\n * fixed: Runs through its list of counter symbols once, then falls back.\n\n * numeric: interprets the list of counter symbols as digits to a \"place-value\" numbering system, similar to the default 'decimal' counter style.\n\n * symbolic: Cycles repeatedly through its provided symbols, doubling, tripling, etc. the symbols on each successive pass through the list.\n * ```\n * @param value -\n */\n system(value: CSSProps['system']) {\n this.set('system', value)\n return this\n }\n\n /**\n * `@`counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor..\n *\n * syntax: `@counter-style { symbols: '*' ⁑ † ‡; }`\n *\n * restriction: image, string, identifier\n *\n * browsers: FF33\n *\n * ref: http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-symbols\n *\n * @param value -\n */\n symbols(value: CSSProps['symbols']) {\n this.set('symbols', value)\n return this\n }\n\n /**\n * Controls the algorithm used to lay out the table cells, rows, and columns..\n * \n * syntax: `table { table-layout: fixed; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/CSS2/tables.html#width-layout\n *\n * values:\n * ```md\n * auto: Use any automatic table layout algorithm.\n\n * fixed: Use the fixed table layout algorithm.\n * ```\n * @param value -\n */\n tableLayout(value: CSSProps['tableLayout']) {\n this.set('table-layout', value)\n return this\n }\n\n /**\n * Determines the width of the tab character (U+0009), in space characters (U+0020), when rendered..\n *\n * syntax: `div { tab-size: 4; }`\n *\n * restriction: integer, length\n *\n * browsers: C21,O15,S6.1\n *\n * ref: http://www.w3.org/TR/css3-text/#tab-size\n *\n * @param value -\n */\n tabSize(value: CSSProps['tabSize']) {\n this.set('tab-size', value)\n return this\n }\n\n /**\n * Describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box..\n * \n * syntax: `h2 { text-align: center; }`\n * \n * restriction: string\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#text-align0\n *\n * values:\n * ```md\n * center: The inline contents are centered within the line box.\n\n * end: The inline contents are aligned to the end edge of the line box.\n\n * justify: The text is justified according to the method specified by the 'text-justify' property.\n\n * left: The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text.\n\n * match-parent: This value behaves the same as 'inherit' except that an inherited value of 'start' or 'end' is calculated against its parent's 'direction' value.\n\n * right: The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text.\n\n * start: The inline contents are aligned to the start edge of the line box.\n * ```\n * @param value -\n */\n textAlign(value: CSSProps['textAlign']) {\n this.set('text-align', value)\n return this\n }\n\n /**\n * Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'..\n * \n * syntax: `div { text-align-last: right; }`\n * \n * restriction: enum\n * \n * browsers: E,FF12,IE5\n * \n * ref: http://www.w3.org/TR/css3-text/#text-align-last0\n *\n * values:\n * ```md\n * auto: Content on the affected line is aligned per 'text-align' unless 'text-align' is set to 'justify', in which case it is 'start-aligned'.\n\n * center: The inline contents are centered within the line box.\n\n * end: The inline contents are aligned to the end edge of the line box.\n\n * justify: The text is justified according to the method specified by the 'text-justify' property.\n\n * left: The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text.\n\n * right: The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text.\n\n * start: The inline contents are aligned to the start edge of the line box.\n * ```\n * @param value -\n */\n textAlignLast(value: CSSProps['textAlignLast']) {\n this.set('text-align-last', value)\n return this\n }\n\n /**\n * Used to align (start-, middle- or end-alignment) a string of text relative to a given point..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/SVG2/text.html#TextAnchorProperty\n *\n * values:\n * ```md\n * end: The rendered characters are aligned such that the end of the resulting rendered text is at the initial current text position.\n\n * middle: The rendered characters are aligned such that the geometric middle of the resulting rendered text is at the initial current text position.\n\n * start: The rendered characters are aligned such that the start of the resulting rendered text is at the initial current text position.\n * ```\n * @param value -\n */\n textAnchor(value: CSSProps['textAnchor']) {\n this.set('text-anchor', value)\n return this\n }\n\n /**\n * Decorations applied to font used for an element's text..\n * \n * syntax: `a:visited { text-decoration: line-through; }`\n * \n * restriction: enum, color\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-style\n *\n * values:\n * ```md\n * dashed: Produces a dashed line style.\n\n * dotted: Produces a dotted line.\n\n * double: Produces a double line.\n\n * line-through: Each line of text has a line through the middle.\n\n * none: Produces no line.\n\n * overline: Each line of text has a line above it.\n\n * solid: Produces a solid line.\n\n * underline: Each line of text is underlined.\n\n * wavy: Produces a wavy line.\n * ```\n * @param value -\n */\n textDecoration(value: CSSProps['textDecoration']) {\n this.set('text-decoration', value)\n return this\n }\n\n /**\n * Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line..\n *\n * syntax: `div { text-decoration-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: FF36,C57,O44\n *\n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-color\n *\n * @param value -\n */\n textDecorationColor(value: CSSProps['textDecorationColor']) {\n this.set('text-decoration-color', value)\n return this\n }\n\n /**\n * Specifies what line decorations, if any, are added to the element..\n * \n * syntax: `div { text-decoration-line: underline; }`\n * \n * restriction: enum\n * \n * browsers: FF36\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-line\n *\n * values:\n * ```md\n * line-through: Each line of text has a line through the middle.\n\n * none: Neither produces nor inhibits text decoration.\n\n * overline: Each line of text has a line above it.\n\n * underline: Each line of text is underlined.\n * ```\n * @param value -\n */\n textDecorationLine(value: CSSProps['textDecorationLine']) {\n this.set('text-decoration-line', value)\n return this\n }\n\n /**\n * Specifies the line style for underline, line-through and overline text decoration..\n * \n * syntax: `div { text-decoration-style: solid; }`\n * \n * restriction: enum\n * \n * browsers: FF36\n * \n * ref: http://www.w3.org/TR/css-text-decor-3/#text-decoration-style\n *\n * values:\n * ```md\n * dashed: Produces a dashed line style.\n\n * dotted: Produces a dotted line.\n\n * double: Produces a double line.\n\n * none: Produces no line.\n\n * solid: Produces a solid line.\n\n * wavy: Produces a wavy line.\n * ```\n * @param value -\n */\n textDecorationStyle(value: CSSProps['textDecorationStyle']) {\n this.set('text-decoration-style', value)\n return this\n }\n\n /**\n * Specifies the indentation applied to lines of inline content in a block. The indentation only affects the first line of inline content in the block unless the 'hanging' keyword is specified, in which case it affects all lines except the first..\n * \n * syntax: `li { text-indent: 5px; }`\n * \n * restriction: percentage, length\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#text-indent0\n *\n * values:\n * ```md\n * each-line: Indentation affects the first line of the block container as well as each line after a forced line break, but does not affect lines after a text wrap break.\n\n * hanging: Inverts which lines are affected.\n * ```\n * @param value -\n */\n textIndent(value: CSSProps['textIndent']) {\n this.set('text-indent', value)\n return this\n }\n\n /**\n * Specifies the orientation of text within a line..\n * \n * syntax: `span { text-orientation: mixed; }`\n * \n * restriction: enum\n * \n * browsers: C,O15,S5.1\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#text-orientation\n *\n * values:\n * ```md\n * mixed: In vertical writing modes, characters from horizontal-only scripts are set sideways, i.e. 90° clockwise from their standard orientation in horizontal text.\n\n * sideways: This value is equivalent to 'sideways-right' in 'vertical-rl' writing mode and equivalent to 'sideways-left' in 'vertical-lr' writing mode.\n\n * sideways-left: In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° counter-clockwise.\n\n * sideways-right: In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° clockwise.\n\n * upright: In vertical writing modes, characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation.\n\n * use-glyph-orientation: This value deprecated and only applies to SVG.\n * ```\n * @param value -\n */\n textOrientation(value: CSSProps['textOrientation']) {\n this.set('text-orientation', value)\n return this\n }\n\n /**\n * Text can overflow for example when it is prevented from wrapping..\n * \n * syntax: `span { text-overflow: ellipsis; }`\n * \n * restriction: enum, string\n * \n * browsers: E,C,FF9,IE5.5,O11.6,S2\n * \n * ref: http://www.w3.org/TR/css3-ui/#text-overflow0\n *\n * values:\n * ```md\n * clip: Clip inline content that overflows. Characters may be only partially rendered.\n\n * ellipsis: Render an ellipsis character (U+2026) to represent clipped inline content.\n * ```\n * @param value -\n */\n textOverflow(value: CSSProps['textOverflow']) {\n this.set('text-overflow', value)\n return this\n }\n\n /**\n * The creator of SVG content might want to provide a hint to the implementation about what tradeoffs to make as it renders text. The 'text-rendering' property provides these hints..\n * \n * syntax: ` `\n * \n * restriction: enum\n * \n * browsers: C,FF3,O9,S5\n * \n * ref: http://www.w3.org/TR/SVG2/painting.html#TextRenderingProperty\n *\n * values:\n * ```md\n * auto: undefined\n\n * geometricPrecision: Indicates that the user agent shall emphasize geometric precision over legibility and rendering speed.\n\n * optimizeLegibility: Indicates that the user agent shall emphasize legibility over rendering speed and geometric precision.\n\n * optimizeSpeed: Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision.\n * ```\n * @param value -\n */\n textRendering(value: CSSProps['textRendering']) {\n this.set('text-rendering', value)\n return this\n }\n\n /**\n * Enables shadow effects to be applied to the text of the element..\n *\n * syntax: `h1 { text-shadow: 20px 12px 2px #333;}`\n *\n * restriction: length, color\n *\n * browsers: E,C,FF3.6,IE10,O9.5,S1.1\n *\n * ref: http://www.w3.org/TR/css3-text/#text-shadow0\n *\n * @param value -\n */\n textShadow(value: CSSProps['textShadow']) {\n this.set('text-shadow', value)\n return this\n }\n\n /**\n * Controls capitalization effects of an element's text..\n * \n * syntax: `h1 { text-transform: capitalize; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#text-transform0\n *\n * values:\n * ```md\n * capitalize: Puts the first typographic letter unit of each word in titlecase.\n\n * full-width: Puts all characters in fullwidth form. If the character does not have corresponding fullwidth form, it is left as is.\n\n * lowercase: Puts all letters in lowercase.\n\n * none: No effects.\n\n * uppercase: Puts all letters in uppercase.\n * ```\n * @param value -\n */\n textTransform(value: CSSProps['textTransform']) {\n this.set('text-transform', value)\n return this\n }\n\n /**\n * Specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's 'containing block'..\n *\n * syntax: `article { top: 50px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-top\n *\n * @param value -\n */\n top(value: CSSProps['top']) {\n this.set('top', value)\n return this\n }\n\n /**\n * Determines whether touch input may trigger default behavior supplied by user agent..\n * \n * syntax: `div { touch-action: pan-x; }`\n * \n * restriction: enum\n * \n * browsers: E,C36,IE11,O23\n * \n * ref: http://www.w3.org/TR/pointerevents/#the-touch-action-css-property\n *\n * values:\n * ```md\n * auto: The user agent may determine any permitted touch behaviors for touches that begin on the element.\n\n * cross-slide-x: undefined\n\n * cross-slide-y: undefined\n\n * double-tap-zoom: undefined\n\n * manipulation: The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming.\n\n * none: Touches that begin on the element must not trigger default touch behaviors.\n\n * pan-x: The user agent may consider touches that begin on the element only for the purposes of horizontally scrolling the element's nearest ancestor with horizontally scrollable content.\n\n * pan-y: The user agent may consider touches that begin on the element only for the purposes of vertically scrolling the element's nearest ancestor with vertically scrollable content.\n\n * pinch-zoom: undefined\n * ```\n * @param value -\n */\n touchAction(value: CSSProps['touchAction']) {\n this.set('touch-action', value)\n return this\n }\n\n /**\n * A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG..\n * \n * syntax: `div { transform: rotate(-90deg); }`\n * \n * restriction: enum\n * \n * browsers: E,C36,FF16,IE10,O12.1,S9\n * \n * ref: http://www.w3.org/TR/css3-transforms/#transform-property\n *\n * values:\n * ```md\n * matrix(): Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]\n\n * matrix3d(): Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.\n\n * none: undefined\n\n * perspective(): Specifies a perspective projection matrix.\n\n * rotate(): Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.\n\n * rotate3d(): Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.\n\n * rotateX('angle'): Specifies a clockwise rotation by the given angle about the X axis.\n\n * rotateY('angle'): Specifies a clockwise rotation by the given angle about the Y axis.\n\n * rotateZ('angle'): Specifies a clockwise rotation by the given angle about the Z axis.\n\n * scale(): Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.\n\n * scale3d(): Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.\n\n * scaleX(): Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.\n\n * scaleY(): Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.\n\n * scaleZ(): Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.\n\n * skew(): Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).\n\n * skewX(): Specifies a skew transformation along the X axis by the given angle.\n\n * skewY(): Specifies a skew transformation along the Y axis by the given angle.\n\n * translate(): Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.\n\n * translate3d(): Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.\n\n * translateX(): Specifies a translation by the given amount in the X direction.\n\n * translateY(): Specifies a translation by the given amount in the Y direction.\n\n * translateZ(): Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.\n * ```\n * @param value -\n */\n transform(value: CSSProps['transform']) {\n this.set('transform', value)\n return this\n }\n\n /**\n * Establishes the origin of transformation for an element..\n *\n * syntax: `.album { transform-origin: 20% 40%; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: E,C36,FF16,IE10,O12.1,S9\n *\n * ref: http://www.w3.org/TR/css3-transforms/#propdef-transform-origin\n *\n * @param value -\n */\n transformOrigin(value: CSSProps['transformOrigin']) {\n this.set('transform-origin', value)\n return this\n }\n\n /**\n * Defines how nested elements are rendered in 3D space..\n * \n * syntax: `div { transform-style: flat; }`\n * \n * restriction: enum\n * \n * browsers: E,C36,FF16,IE10,O23,S9\n * \n * ref: http://www.w3.org/TR/css3-transforms/#propdef-transform-style\n *\n * values:\n * ```md\n * flat: All children of this element are rendered flattened into the 2D plane of the element.\n\n * preserve-3d: Flattening is not performed, so children maintain their position in 3D space.\n * ```\n * @param value -\n */\n transformStyle(value: CSSProps['transformStyle']) {\n this.set('transform-style', value)\n return this\n }\n\n /**\n * Shorthand property combines four of the transition properties into a single property..\n * \n * syntax: `div { transition: background-color linear 1s; }`\n * \n * restriction: time, property, timing-function, enum\n * \n * browsers: E,FF16,IE10,O12.5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n transition(value: CSSProps['transition']) {\n this.set('transition', value)\n return this\n }\n\n /**\n * Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied..\n *\n * syntax: `div { transition-delay: 1s; }`\n *\n * restriction: time\n *\n * browsers: E,FF16,IE10,O12.5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-delay\n *\n * @param value -\n */\n transitionDelay(value: CSSProps['transitionDelay']) {\n this.set('transition-delay', value)\n return this\n }\n\n /**\n * Specifies how long the transition from the old value to the new value should take..\n *\n * syntax: `div { transition-duration: 1s; }`\n *\n * restriction: time\n *\n * browsers: E,FF16,IE10,O12.5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-duration\n *\n * @param value -\n */\n transitionDuration(value: CSSProps['transitionDuration']) {\n this.set('transition-duration', value)\n return this\n }\n\n /**\n * Specifies the name of the CSS property to which the transition is applied..\n * \n * syntax: `div { transition-property: background-color; }`\n * \n * restriction: property\n * \n * browsers: E,FF16,IE10,O12.5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition-property\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n transitionProperty(value: CSSProps['transitionProperty']) {\n this.set('transition-property', value)\n return this\n }\n\n /**\n * Describes how the intermediate values used during a transition will be calculated..\n *\n * syntax: `div { transition-timing-function: linear; }`\n *\n * restriction: timing-function\n *\n * browsers: E,FF16,IE10,O12.5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-timing-function\n *\n * @param value -\n */\n transitionTimingFunction(value: CSSProps['transitionTimingFunction']) {\n this.set('transition-timing-function', value)\n return this\n }\n\n /**\n * The level of embedding with respect to the bidirectional algorithm..\n * \n * syntax: `p { unicode-bidi: embed; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi\n *\n * values:\n * ```md\n * bidi-override: Inside the element, reordering is strictly in sequence according to the 'direction' property; the implicit part of the bidirectional algorithm is ignored.\n\n * embed: If the element is inline-level, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the 'direction' property.\n\n * isolate: The contents of the element are considered to be inside a separate, independent paragraph.\n\n * isolate-override: This combines the isolation behavior of 'isolate' with the directional override behavior of 'bidi-override'\n\n * normal: The element does not open an additional level of embedding with respect to the bidirectional algorithm. For inline-level elements, implicit reordering works across element boundaries.\n\n * plaintext: For the purposes of the Unicode bidirectional algorithm, the base directionality of each bidi paragraph for which the element forms the containing block is determined not by the element's computed 'direction'.\n * ```\n * @param value -\n */\n unicodeBidi(value: CSSProps['unicodeBidi']) {\n this.set('unicode-bidi', value)\n return this\n }\n\n /**\n * `@`font-face descriptor. Defines the set of Unicode codepoints that may be supported by the font face for which it is declared..\n * \n * syntax: `@font-face { unicode-range: U+26; }`\n * \n * restriction: unicode-range\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-fonts/#unicode-range-desc\n *\n * values:\n * ```md\n * U+26: Ampersand.\n\n * U+20-24F, U+2B0-2FF, U+370-4FF, U+1E00-1EFF, U+2000-20CF, U+2100-23FF, U+2500-26FF, U+E000-F8FF, U+FB00-FB4F: WGL4 character set (Pan-European).\n\n * U+20-17F, U+2B0-2FF, U+2000-206F, U+20A0-20CF, U+2100-21FF, U+2600-26FF: The Multilingual European Subset No. 1. Latin. Covers ~44 languages.\n\n * U+20-2FF, U+370-4FF, U+1E00-20CF, U+2100-23FF, U+2500-26FF, U+FB00-FB4F, U+FFF0-FFFD: The Multilingual European Subset No. 2. Latin, Greek, and Cyrillic. Covers ~128 language.\n\n * U+20-4FF, U+530-58F, U+10D0-10FF, U+1E00-23FF, U+2440-245F, U+2500-26FF, U+FB00-FB4F, U+FE20-FE2F, U+FFF0-FFFD: The Multilingual European Subset No. 3. Covers all characters belonging to European scripts.\n\n * U+00-7F: Basic Latin (ASCII).\n\n * U+80-FF: Latin-1 Supplement. Accented characters for Western European languages, common punctuation characters, multiplication and division signs.\n\n * U+100-17F: Latin Extended-A. Accented characters for for Czech, Dutch, Polish, and Turkish.\n\n * U+180-24F: Latin Extended-B. Croatian, Slovenian, Romanian, Non-European and historic latin, Khoisan, Pinyin, Livonian, Sinology.\n\n * U+1E00-1EFF: Latin Extended Additional. Vietnamese, German captial sharp s, Medievalist, Latin general use.\n\n * U+250-2AF: International Phonetic Alphabet Extensions.\n\n * U+370-3FF: Greek and Coptic.\n\n * U+1F00-1FFF: Greek Extended. Accented characters for polytonic Greek.\n\n * U+400-4FF: Cyrillic.\n\n * U+500-52F: Cyrillic Supplement. Extra letters for Komi, Khanty, Chukchi, Mordvin, Kurdish, Aleut, Chuvash, Abkhaz, Azerbaijani, and Orok.\n\n * U+00-52F, U+1E00-1FFF, U+2200-22FF: Latin, Greek, Cyrillic, some punctuation and symbols.\n\n * U+530-58F: Armenian.\n\n * U+590-5FF: Hebrew.\n\n * U+600-6FF: Arabic.\n\n * U+750-77F: Arabic Supplement. Additional letters for African languages, Khowar, Torwali, Burushaski, and early Persian.\n\n * U+8A0-8FF: Arabic Extended-A. Additional letters for African languages, European and Central Asian languages, Rohingya, Tamazight, Arwi, and Koranic annotation signs.\n\n * U+700-74F: Syriac.\n\n * U+900-97F: Devanagari.\n\n * U+980-9FF: Bengali.\n\n * U+A00-A7F: Gurmukhi.\n\n * U+A80-AFF: Gujarati.\n\n * U+B00-B7F: Oriya.\n\n * U+B80-BFF: Tamil.\n\n * U+C00-C7F: Telugu.\n\n * U+C80-CFF: Kannada.\n\n * U+D00-D7F: Malayalam.\n\n * U+D80-DFF: Sinhala.\n\n * U+118A0-118FF: Warang Citi.\n\n * U+E00-E7F: Thai.\n\n * U+1A20-1AAF: Tai Tham.\n\n * U+AA80-AADF: Tai Viet.\n\n * U+E80-EFF: Lao.\n\n * U+F00-FFF: Tibetan.\n\n * U+1000-109F: Myanmar (Burmese).\n\n * U+10A0-10FF: Georgian.\n\n * U+1200-137F: Ethiopic.\n\n * U+1380-139F: Ethiopic Supplement. Extra Syllables for Sebatbeit, and Tonal marks\n\n * U+2D80-2DDF: Ethiopic Extended. Extra Syllables for Me'en, Blin, and Sebatbeit.\n\n * U+AB00-AB2F: Ethiopic Extended-A. Extra characters for Gamo-Gofa-Dawro, Basketo, and Gumuz.\n\n * U+1780-17FF: Khmer.\n\n * U+1800-18AF: Mongolian.\n\n * U+1B80-1BBF: Sundanese.\n\n * U+1CC0-1CCF: Sundanese Supplement. Punctuation.\n\n * U+4E00-9FD5: CJK (Chinese, Japanese, Korean) Unified Ideographs. Most common ideographs for modern Chinese and Japanese.\n\n * U+3400-4DB5: CJK Unified Ideographs Extension A. Rare ideographs.\n\n * U+2F00-2FDF: Kangxi Radicals.\n\n * U+2E80-2EFF: CJK Radicals Supplement. Alternative forms of Kangxi Radicals.\n\n * U+1100-11FF: Hangul Jamo.\n\n * U+AC00-D7AF: Hangul Syllables.\n\n * U+3040-309F: Hiragana.\n\n * U+30A0-30FF: Katakana.\n\n * U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F: Japanese Kanji, Hiragana and Katakana characters plus Yen/Yuan symbol.\n\n * U+A4D0-A4FF: Lisu.\n\n * U+A000-A48F: Yi Syllables.\n\n * U+A490-A4CF: Yi Radicals.\n\n * U+2000-206F: General Punctuation.\n\n * U+3000-303F: CJK Symbols and Punctuation.\n\n * U+2070-209F: Superscripts and Subscripts.\n\n * U+20A0-20CF: Currency Symbols.\n\n * U+2100-214F: Letterlike Symbols.\n\n * U+2150-218F: Number Forms.\n\n * U+2190-21FF: Arrows.\n\n * U+2200-22FF: Mathematical Operators.\n\n * U+2300-23FF: Miscellaneous Technical.\n\n * U+E000-F8FF: Private Use Area.\n\n * U+FB00-FB4F: Alphabetic Presentation Forms. Ligatures for latin, Armenian, and Hebrew.\n\n * U+FB50-FDFF: Arabic Presentation Forms-A. Contextual forms / ligatures for Persian, Urdu, Sindhi, Central Asian languages, etc, Arabic pedagogical symbols, word ligatures.\n\n * U+1F600-1F64F: Emoji: Emoticons.\n\n * U+2600-26FF: Emoji: Miscellaneous Symbols.\n\n * U+1F300-1F5FF: Emoji: Miscellaneous Symbols and Pictographs.\n\n * U+1F900-1F9FF: Emoji: Supplemental Symbols and Pictographs.\n\n * U+1F680-1F6FF: Emoji: Transport and Map Symbols.\n * ```\n * @param value -\n */\n unicodeRange(value: CSSProps['unicodeRange']) {\n this.set('unicode-range', value)\n return this\n }\n\n /**\n * Controls the appearance of selection..\n * \n * syntax: `div { user-select: text; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css-ui-4/#propdef-user-select\n *\n * values:\n * ```md\n * all: The content of the element must be selected atomically\n\n * auto: undefined\n\n * contain: UAs must not allow a selection which is started in this element to be extended outside of this element.\n\n * none: The UA must not allow selections to be started in this element.\n\n * text: The element imposes no constraint on the selection.\n * ```\n * @param value -\n */\n userSelect(value: CSSProps['userSelect']) {\n this.set('user-select', value)\n return this\n }\n\n /**\n * Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box..\n * \n * syntax: `div { vertical-align: middle; }`\n * \n * restriction: percentage, length\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-linebox/#vertical-align\n *\n * values:\n * ```md\n * alphabetic: Match the box's alphabetic baseline to that of its parent.\n\n * auto: Align the dominant baseline of the parent box with the equivalent, or heuristically reconstructed, baseline of the element inline box.\n\n * baseline: Align the 'alphabetic' baseline of the element with the 'alphabetic' baseline of the parent element.\n\n * bottom: Align the after edge of the extended inline box with the after-edge of the line box.\n\n * center: Align the center of the aligned subtree with the center of the line box.\n\n * central: Align the 'central' baseline of the inline element with the central baseline of the parent.\n\n * mathematical: Match the box's mathematical baseline to that of its parent.\n\n * middle: Align the 'middle' baseline of the inline element with the middle baseline of the parent.\n\n * sub: Lower the baseline of the box to the proper position for subscripts of the parent's box. (This value has no effect on the font size of the element's text.)\n\n * super: Raise the baseline of the box to the proper position for superscripts of the parent's box. (This value has no effect on the font size of the element's text.)\n\n * text-bottom: Align the bottom of the box with the after-edge of the parent element's font.\n\n * text-top: Align the top of the box with the before-edge of the parent element's font.\n\n * top: Align the before edge of the extended inline box with the before-edge of the line box.\n\n * -webkit-baseline-middle: undefined\n * ```\n * @param value -\n */\n verticalAlign(value: CSSProps['verticalAlign']) {\n this.set('vertical-align', value)\n return this\n }\n\n /**\n * Specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the 'display' property to 'none' to suppress box generation altogether)..\n * \n * syntax: `img { visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#visibility\n *\n * values:\n * ```md\n * collapse: Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'.\n\n * hidden: The generated box is invisible (fully transparent, nothing is drawn), but still affects layout.\n\n * visible: The generated box is visible.\n * ```\n * @param value -\n */\n visibility(value: CSSProps['visibility']) {\n this.set('visibility', value)\n return this\n }\n\n /**\n * Shorthand property combines six of the animation properties into a single property..\n * \n * syntax: `div { -webkit-animation: movearound 4s ease 3 normal; }`\n * \n * restriction: time, enum, timing-function, identifier, number\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * infinite: Causes the animation to repeat forever.\n\n * none: No animation is performed\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n webkitAnimation(value: CSSProps['webkitAnimation']) {\n this.set('-webkit-animation', value)\n return this\n }\n\n /**\n * Defines when the animation will start..\n *\n * syntax: `div { -webkit-animation-delay: 4s; }`\n *\n * restriction: time\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-delay\n *\n * @param value -\n */\n webkitAnimationDelay(value: CSSProps['webkitAnimationDelay']) {\n this.set('-webkit-animation-delay', value)\n return this\n }\n\n /**\n * Defines whether or not the animation should play in reverse on alternate cycles..\n * \n * syntax: `div { -webkit-animation-direction: normal; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-direction\n *\n * values:\n * ```md\n * alternate: The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.\n\n * alternate-reverse: The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.\n\n * normal: Normal playback.\n\n * reverse: All iterations of the animation are played in the reverse direction from the way they were specified.\n * ```\n * @param value -\n */\n webkitAnimationDirection(value: CSSProps['webkitAnimationDirection']) {\n this.set('-webkit-animation-direction', value)\n return this\n }\n\n /**\n * Defines the length of time that an animation takes to complete one cycle..\n *\n * syntax: `div { -webkit-animation-duration: 4s; }`\n *\n * restriction: time\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-duration\n *\n * @param value -\n */\n webkitAnimationDuration(value: CSSProps['webkitAnimationDuration']) {\n this.set('-webkit-animation-duration', value)\n return this\n }\n\n /**\n * Defines what values are applied by the animation outside the time it is executing..\n * \n * syntax: `div { -webkit-animation-fill-mode: forwards; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-fill-mode-property\n *\n * values:\n * ```md\n * backwards: The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.\n\n * both: Both forwards and backwards fill modes are applied.\n\n * forwards: The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.\n\n * none: There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes.\n * ```\n * @param value -\n */\n webkitAnimationFillMode(value: CSSProps['webkitAnimationFillMode']) {\n this.set('-webkit-animation-fill-mode', value)\n return this\n }\n\n /**\n * Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once..\n *\n * syntax: `div { -webkit-animation-iteration-count: 3; }`\n *\n * restriction: number, enum\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-iteration-count\n *\n * @param value -\n */\n webkitAnimationIterationCount(\n value: CSSProps['webkitAnimationIterationCount'],\n ) {\n this.set('-webkit-animation-iteration-count', value)\n return this\n }\n\n /**\n * Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation..\n *\n * syntax: `div { -webkit-animation-name: movearound; }`\n *\n * restriction: identifier, enum\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#the-animation-name-property-\n *\n * @param value -\n */\n webkitAnimationName(value: CSSProps['webkitAnimationName']) {\n this.set('-webkit-animation-name', value)\n return this\n }\n\n /**\n * Defines whether the animation is running or paused..\n * \n * syntax: `div { -webkit-animation-play-state: running; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-animations/#animation-play-state\n *\n * values:\n * ```md\n * paused: A running animation will be paused.\n\n * running: Resume playback of a paused animation.\n * ```\n * @param value -\n */\n webkitAnimationPlayState(value: CSSProps['webkitAnimationPlayState']) {\n this.set('-webkit-animation-play-state', value)\n return this\n }\n\n /**\n * Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'..\n *\n * syntax: `div { -webkit-animation-timing-function: ease; }`\n *\n * restriction: timing-function\n *\n * browsers: C,S5\n *\n * ref: http://www.w3.org/TR/css3-animations/#animation-timing-function\n *\n * @param value -\n */\n webkitAnimationTimingFunction(\n value: CSSProps['webkitAnimationTimingFunction'],\n ) {\n this.set('-webkit-animation-timing-function', value)\n return this\n }\n\n /**\n * Changes the appearance of buttons and other controls to resemble native controls..\n * \n * syntax: `h3 { -webkit-appearance: button; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-appearance\n *\n * values:\n * ```md\n * button: undefined\n\n * button-bevel: undefined\n\n * caps-lock-indicator: undefined\n\n * caret: undefined\n\n * checkbox: undefined\n\n * default-button: undefined\n\n * listbox: undefined\n\n * listitem: undefined\n\n * media-fullscreen-button: undefined\n\n * media-mute-button: undefined\n\n * media-play-button: undefined\n\n * media-seek-back-button: undefined\n\n * media-seek-forward-button: undefined\n\n * media-slider: undefined\n\n * media-sliderthumb: undefined\n\n * menulist: undefined\n\n * menulist-button: undefined\n\n * menulist-text: undefined\n\n * menulist-textfield: undefined\n\n * none: undefined\n\n * push-button: undefined\n\n * radio: undefined\n\n * scrollbarbutton-down: undefined\n\n * scrollbarbutton-left: undefined\n\n * scrollbarbutton-right: undefined\n\n * scrollbarbutton-up: undefined\n\n * scrollbargripper-horizontal: undefined\n\n * scrollbargripper-vertical: undefined\n\n * scrollbarthumb-horizontal: undefined\n\n * scrollbarthumb-vertical: undefined\n\n * scrollbartrack-horizontal: undefined\n\n * scrollbartrack-vertical: undefined\n\n * searchfield: undefined\n\n * searchfield-cancel-button: undefined\n\n * searchfield-decoration: undefined\n\n * searchfield-results-button: undefined\n\n * searchfield-results-decoration: undefined\n\n * slider-horizontal: undefined\n\n * sliderthumb-horizontal: undefined\n\n * sliderthumb-vertical: undefined\n\n * slider-vertical: undefined\n\n * square-button: undefined\n\n * textarea: undefined\n\n * textfield: undefined\n * ```\n * @param value -\n */\n webkitAppearance(value: CSSProps['webkitAppearance']) {\n this.set('-webkit-appearance', value)\n return this\n }\n\n /**\n * Applies a filter effect where the first filter in the list takes the element's background image as the input image..\n * \n * syntax: `div { backdrop-filter: blur(2px); }`\n * \n * restriction: enum, url\n * \n * browsers: S9\n * \n * ref: https://drafts.fxtf.org/filters-2/#propdef-backdrop-filter\n *\n * values:\n * ```md\n * none: No filter effects are applied.\n\n * blur(): Applies a Gaussian blur to the input image.\n\n * brightness(): Applies a linear multiplier to input image, making it appear more or less bright.\n\n * contrast(): Adjusts the contrast of the input.\n\n * drop-shadow(): Applies a drop shadow effect to the input image.\n\n * grayscale(): Converts the input image to grayscale.\n\n * hue-rotate(): Applies a hue rotation on the input image. \n\n * invert(): Inverts the samples in the input image.\n\n * opacity(): Applies transparency to the samples in the input image.\n\n * saturate(): Saturates the input image.\n\n * sepia(): Converts the input image to sepia.\n\n * url(): A filter reference to a <filter> element.\n * ```\n * @param value -\n */\n backdropFilter(value: CSSProps['backdropFilter']) {\n this.set('backdrop-filter', value)\n return this\n }\n\n /**\n * Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer..\n * \n * syntax: `div { -webkit-backface-visibility: hidden; }`\n * \n * restriction: enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-3d-transforms/#backface-visibility\n *\n * values:\n * ```md\n * hidden: undefined\n\n * visible: undefined\n * ```\n * @param value -\n */\n webkitBackfaceVisibility(value: CSSProps['webkitBackfaceVisibility']) {\n this.set('-webkit-backface-visibility', value)\n return this\n }\n\n /**\n * Determines the background painting area..\n *\n * syntax: `header { -webkit-background-clip: border-box; }`\n *\n * restriction: box\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-clip\n *\n * @param value -\n */\n webkitBackgroundClip(value: CSSProps['webkitBackgroundClip']) {\n this.set('-webkit-background-clip', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-background-composite: padding; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * border: undefined\n\n * padding: undefined\n * ```\n * @param value -\n */\n webkitBackgroundComposite(value: CSSProps['webkitBackgroundComposite']) {\n this.set('-webkit-background-composite', value)\n return this\n }\n\n /**\n * For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s)..\n *\n * syntax: `header { -webkit-background-origin: border-box; }`\n *\n * restriction: box\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-background/#the-background-origin\n *\n * @param value -\n */\n webkitBackgroundOrigin(value: CSSProps['webkitBackgroundOrigin']) {\n this.set('-webkit-background-origin', value)\n return this\n }\n\n /**\n * Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values..\n * \n * syntax: `td { -webkit-border-image: url(border.png) 30 30 round;}`\n * \n * restriction: length, percentage, number, url, enum\n * \n * browsers: C,S5\n * \n * ref: http://www.w3.org/TR/css3-background/#border-image\n *\n * values:\n * ```md\n * auto: If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead.\n\n * fill: Causes the middle part of the border-image to be preserved.\n\n * none: undefined\n\n * repeat: The image is tiled (repeated) to fill the area.\n\n * round: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.\n\n * space: The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.\n\n * stretch: The image is stretched to fill the area.\n\n * url(): undefined\n * ```\n * @param value -\n */\n webkitBorderImage(value: CSSProps['webkitBorderImage']) {\n this.set('-webkit-border-image', value)\n return this\n }\n\n /**\n * Specifies the alignment of nested elements within an outer flexible box element..\n * \n * syntax: `div { -webkit-box-align: end; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-align\n *\n * values:\n * ```md\n * baseline: If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used.\n\n * center: Any extra space is divided evenly, with half placed above the child and the other half placed after the child.\n\n * end: For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element.\n\n * start: For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element.\n\n * stretch: The height of each child is adjusted to that of the containing block.\n * ```\n * @param value -\n */\n webkitBoxAlign(value: CSSProps['webkitBoxAlign']) {\n this.set('-webkit-box-align', value)\n return this\n }\n\n /**\n * In webkit applications, -webkit-box-direction specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)..\n * \n * syntax: `div { -webkit-box-direction: reverse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-direction\n *\n * values:\n * ```md\n * normal: A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom.\n\n * reverse: A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top.\n * ```\n * @param value -\n */\n webkitBoxDirection(value: CSSProps['webkitBoxDirection']) {\n this.set('-webkit-box-direction', value)\n return this\n }\n\n /**\n * Specifies an element's flexibility..\n *\n * syntax: `div { -webkit-box-flex: 1; }`\n *\n * restriction: number\n *\n * browsers: C,S3\n *\n * ref: http://css-infos.net/property/-webkit-box-flex\n *\n * @param value -\n */\n webkitBoxFlex(value: CSSProps['webkitBoxFlex']) {\n this.set('-webkit-box-flex', value)\n return this\n }\n\n /**\n * Flexible elements can be assigned to flex groups using the 'box-flex-group' property..\n *\n * syntax: `div { -webkit-box-flex-group: 4; }`\n *\n * restriction: integer\n *\n * browsers: C,S3\n *\n * ref: http://css-infos.net/property/-webkit-box-flex-group\n *\n * @param value -\n */\n webkitBoxFlexGroup(value: CSSProps['webkitBoxFlexGroup']) {\n this.set('-webkit-box-flex-group', value)\n return this\n }\n\n /**\n * Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group..\n *\n * syntax: `div { -webkit-box-ordinal-group: 3; }`\n *\n * restriction: integer\n *\n * browsers: C,S3\n *\n * ref: http://css-infos.net/property/-webkit-box-ordinal-group\n *\n * @param value -\n */\n webkitBoxOrdinalGroup(value: CSSProps['webkitBoxOrdinalGroup']) {\n this.set('-webkit-box-ordinal-group', value)\n return this\n }\n\n /**\n * In webkit applications, -webkit-box-orient specifies whether a box lays out its contents horizontally or vertically..\n * \n * syntax: `div { -webkit-box-orient: vertical; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-orient\n *\n * values:\n * ```md\n * block-axis: Elements are oriented along the box's axis.\n\n * horizontal: The box displays its children from left to right in a horizontal line.\n\n * inline-axis: Elements are oriented vertically.\n\n * vertical: The box displays its children from stacked from top to bottom vertically.\n * ```\n * @param value -\n */\n webkitBoxOrient(value: CSSProps['webkitBoxOrient']) {\n this.set('-webkit-box-orient', value)\n return this\n }\n\n /**\n * Specifies alignment of child elements within the current element in the direction of orientation..\n * \n * syntax: `div { -webkit-box-pack: end; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-box-pack\n *\n * values:\n * ```md\n * center: The extra space is divided evenly, with half placed before the first child and the other half placed after the last child.\n\n * end: For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child.\n\n * justify: The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start.\n\n * start: For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child.\n * ```\n * @param value -\n */\n webkitBoxPack(value: CSSProps['webkitBoxPack']) {\n this.set('-webkit-box-pack', value)\n return this\n }\n\n /**\n * Defines a reflection of a border box..\n * \n * syntax: `div { -webkit-box-reflect: below 5px; }`\n * \n * restriction: \n * \n * browsers: C,S4\n * \n * ref: http://css-infos.net/property/-webkit-box-reflect\n *\n * values:\n * ```md\n * above: The reflection appears above the border box.\n\n * below: The reflection appears below the border box.\n\n * left: The reflection appears to the left of the border box.\n\n * right: The reflection appears to the right of the border box.\n * ```\n * @param value -\n */\n webkitBoxReflect(value: CSSProps['webkitBoxReflect']) {\n this.set('-webkit-box-reflect', value)\n return this\n }\n\n /**\n * Box Model addition in CSS3..\n * \n * syntax: `div { -webkit-box-sizing: content-box; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-ui/#box-sizing\n *\n * values:\n * ```md\n * border-box: The specified width and height (and respective min/max properties) on this element determine the border box of the element.\n\n * content-box: Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element.\n * ```\n * @param value -\n */\n webkitBoxSizing(value: CSSProps['webkitBoxSizing']) {\n this.set('-webkit-box-sizing', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-break-after: column; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitBreakAfter(value: CSSProps['webkitBreakAfter']) {\n this.set('-webkit-break-after', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-break-before: column; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitBreakBefore(value: CSSProps['webkitBreakBefore']) {\n this.set('-webkit-break-before', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior inside the generated box..\n * \n * syntax: `h2 { -webkit-break-inside: avoid-column; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * auto: Neither force nor forbid a page/column break inside the generated box.\n\n * avoid: Avoid a page/column break inside the generated box.\n\n * avoid-column: Avoid a column break inside the generated box.\n\n * avoid-page: Avoid a page break inside the generated box.\n\n * avoid-region: undefined\n * ```\n * @param value -\n */\n webkitBreakInside(value: CSSProps['webkitBreakInside']) {\n this.set('-webkit-break-inside', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-column-break-after: column; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitColumnBreakAfter(value: CSSProps['webkitColumnBreakAfter']) {\n this.set('-webkit-column-break-after', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior before the generated box..\n * \n * syntax: `h2 { -webkit-column-break-before: column; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * always: Always force a page break before/after the generated box.\n\n * auto: Neither force nor forbid a page/column break before/after the generated box.\n\n * avoid: Avoid a page/column break before/after the generated box.\n\n * avoid-column: Avoid a column break before/after the generated box.\n\n * avoid-page: Avoid a page break before/after the generated box.\n\n * avoid-region: undefined\n\n * column: Always force a column break before/after the generated box.\n\n * left: Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.\n\n * page: Always force a page break before/after the generated box.\n\n * region: undefined\n\n * right: Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.\n * ```\n * @param value -\n */\n webkitColumnBreakBefore(value: CSSProps['webkitColumnBreakBefore']) {\n this.set('-webkit-column-break-before', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior inside the generated box..\n * \n * syntax: `h2 { -webkit-column-break-inside: avoid-column; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-breaks\n *\n * values:\n * ```md\n * auto: Neither force nor forbid a page/column break inside the generated box.\n\n * avoid: Avoid a page/column break inside the generated box.\n\n * avoid-column: Avoid a column break inside the generated box.\n\n * avoid-page: Avoid a page break inside the generated box.\n\n * avoid-region: undefined\n * ```\n * @param value -\n */\n webkitColumnBreakInside(value: CSSProps['webkitColumnBreakInside']) {\n this.set('-webkit-column-break-inside', value)\n return this\n }\n\n /**\n * Describes the optimal number of columns into which the content of the element will be flowed..\n *\n * syntax: `div { -webkit-column-count: 3; }`\n *\n * restriction: integer\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-count\n *\n * @param value -\n */\n webkitColumnCount(value: CSSProps['webkitColumnCount']) {\n this.set('-webkit-column-count', value)\n return this\n }\n\n /**\n * Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap..\n *\n * syntax: `div { -webkit-column-gap: 10px; }`\n *\n * restriction: length\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-gap0\n *\n * @param value -\n */\n webkitColumnGap(value: CSSProps['webkitColumnGap']) {\n this.set('-webkit-column-gap', value)\n return this\n }\n\n /**\n * This property is a shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values..\n *\n * syntax: `header { -webkit-column-rule: 5px solid red;}`\n *\n * restriction: length, line-width, line-style, color\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule0\n *\n * @param value -\n */\n webkitColumnRule(value: CSSProps['webkitColumnRule']) {\n this.set('-webkit-column-rule', value)\n return this\n }\n\n /**\n * Sets the color of the column rule.\n *\n * syntax: `div { -webkit-column-rule-color: #ff0; }`\n *\n * restriction: color\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-color\n *\n * @param value -\n */\n webkitColumnRuleColor(value: CSSProps['webkitColumnRuleColor']) {\n this.set('-webkit-column-rule-color', value)\n return this\n }\n\n /**\n * Sets the style of the rule between columns of an element..\n *\n * syntax: `div { -webkit-column-rule-style: solid; }`\n *\n * restriction: line-style\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-style\n *\n * @param value -\n */\n webkitColumnRuleStyle(value: CSSProps['webkitColumnRuleStyle']) {\n this.set('-webkit-column-rule-style', value)\n return this\n }\n\n /**\n * Sets the width of the rule between columns. Negative values are not allowed..\n *\n * syntax: `div { -webkit-column-rule-width: 3px; }`\n *\n * restriction: length, line-width\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-rule-width\n *\n * @param value -\n */\n webkitColumnRuleWidth(value: CSSProps['webkitColumnRuleWidth']) {\n this.set('-webkit-column-rule-width', value)\n return this\n }\n\n /**\n * A shorthand property which sets both 'column-width' and 'column-count'..\n *\n * syntax: `div { -webkit-columns: 100px 3; }`\n *\n * restriction: length, integer\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#columns0\n *\n * @param value -\n */\n webkitColumns(value: CSSProps['webkitColumns']) {\n this.set('-webkit-columns', value)\n return this\n }\n\n /**\n * Describes the page/column break behavior after the generated box..\n * \n * syntax: `article { -webkit-column-span: all; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://www.w3.org/TR/css3-multicol/#column-span0\n *\n * values:\n * ```md\n * all: The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear.\n\n * none: The element does not span multiple columns.\n * ```\n * @param value -\n */\n webkitColumnSpan(value: CSSProps['webkitColumnSpan']) {\n this.set('-webkit-column-span', value)\n return this\n }\n\n /**\n * This property describes the width of columns in multicol elements..\n *\n * syntax: `div { -webkit-column-width: 100px; }`\n *\n * restriction: length\n *\n * browsers: C,S3\n *\n * ref: http://www.w3.org/TR/css3-multicol/#column-width\n *\n * @param value -\n */\n webkitColumnWidth(value: CSSProps['webkitColumnWidth']) {\n this.set('-webkit-column-width', value)\n return this\n }\n\n /**\n * Processes an element's rendering before it is displayed in the document, by applying one or more filter effects..\n * \n * syntax: `img { -webkit-filter: blur(3px); }`\n * \n * restriction: enum, url\n * \n * browsers: C18,O15,S6\n * \n * ref: http://www.w3.org/TR/filter-effects/#propdef-filter\n *\n * values:\n * ```md\n * none: No filter effects are applied.\n\n * blur(): Applies a Gaussian blur to the input image.\n\n * brightness(): Applies a linear multiplier to input image, making it appear more or less bright.\n\n * contrast(): Adjusts the contrast of the input.\n\n * drop-shadow(): Applies a drop shadow effect to the input image.\n\n * grayscale(): Converts the input image to grayscale.\n\n * hue-rotate(): Applies a hue rotation on the input image. \n\n * invert(): Inverts the samples in the input image.\n\n * opacity(): Applies transparency to the samples in the input image.\n\n * saturate(): Saturates the input image.\n\n * sepia(): Converts the input image to sepia.\n\n * url(): A filter reference to a <filter> element.\n * ```\n * @param value -\n */\n webkitFilter(value: CSSProps['webkitFilter']) {\n this.set('-webkit-filter', value)\n return this\n }\n\n /**\n * Makes a block container a region and associates it with a named flow..\n *\n * syntax: `div { -webkit-flow-from: identifier; }`\n *\n * restriction: identifier\n *\n * browsers: S6.1\n *\n * ref: http://www.w3.org/TR/css3-regions/#flow-from\n *\n * @param value -\n */\n webkitFlowFrom(value: CSSProps['webkitFlowFrom']) {\n this.set('-webkit-flow-from', value)\n return this\n }\n\n /**\n * Places an element or its contents into a named flow..\n *\n * syntax: `div { -webkit-flow-into: identifier; }`\n *\n * restriction: identifier\n *\n * browsers: S6.1\n *\n * ref: http://www.w3.org/TR/css3-regions/#flow-into\n *\n * @param value -\n */\n webkitFlowInto(value: CSSProps['webkitFlowInto']) {\n this.set('-webkit-flow-into', value)\n return this\n }\n\n /**\n * This property provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case..\n * \n * syntax: `body { -webkit-font-feature-settings: 'hwid'; }`\n * \n * restriction: string, integer\n * \n * browsers: C16\n * \n * ref: http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings\n *\n * values:\n * ```md\n * c2cs: undefined\n\n * dlig: undefined\n\n * kern: undefined\n\n * liga: undefined\n\n * lnum: undefined\n\n * onum: undefined\n\n * smcp: undefined\n\n * swsh: undefined\n\n * tnum: undefined\n\n * normal: No change in glyph substitution or positioning occurs.\n\n * off: undefined\n\n * on: undefined\n * ```\n * @param value -\n */\n webkitFontFeatureSettings(value: CSSProps['webkitFontFeatureSettings']) {\n this.set('-webkit-font-feature-settings', value)\n return this\n }\n\n /**\n * Controls whether hyphenation is allowed to create more break opportunities within a line of text..\n * \n * syntax: `div { -webkit-hyphens: manual; }`\n * \n * restriction: enum\n * \n * browsers: S5.1\n * \n * ref: http://www.w3.org/TR/css3-text/#hyphens0\n *\n * values:\n * ```md\n * auto: Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.\n\n * manual: Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities\n\n * none: Words are not broken at line breaks, even if characters inside the word suggest line break points.\n * ```\n * @param value -\n */\n webkitHyphens(value: CSSProps['webkitHyphens']) {\n this.set('-webkit-hyphens', value)\n return this\n }\n\n /**\n * Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text..\n * \n * syntax: `p { -webkit-line-break: normal; }`\n * \n * restriction: \n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-line-break\n *\n * values:\n * ```md\n * after-white-space: undefined\n\n * normal: undefined\n * ```\n * @param value -\n */\n webkitLineBreak(value: CSSProps['webkitLineBreak']) {\n this.set('-webkit-line-break', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-margin-bottom-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * collapse: undefined\n\n * discard: undefined\n\n * separate: undefined\n * ```\n * @param value -\n */\n webkitMarginBottomCollapse(value: CSSProps['webkitMarginBottomCollapse']) {\n this.set('-webkit-margin-bottom-collapse', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-margin-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * collapse: undefined\n\n * discard: undefined\n\n * separate: undefined\n * ```\n * @param value -\n */\n webkitMarginCollapse(value: CSSProps['webkitMarginCollapse']) {\n this.set('-webkit-margin-collapse', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-margin-start: 5px; }`\n *\n * restriction: percentage, length\n *\n * browsers: C,S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitMarginStart(value: CSSProps['webkitMarginStart']) {\n this.set('-webkit-margin-start', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-margin-top-collapse: collapse; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * collapse: undefined\n\n * discard: undefined\n\n * separate: undefined\n * ```\n * @param value -\n */\n webkitMarginTopCollapse(value: CSSProps['webkitMarginTopCollapse']) {\n this.set('-webkit-margin-top-collapse', value)\n return this\n }\n\n /**\n * Determines the mask painting area, which determines the area that is affected by the mask..\n *\n * syntax: ` `\n *\n * restriction: box\n *\n * browsers: C,O15,S4\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-clip\n *\n * @param value -\n */\n webkitMaskClip(value: CSSProps['webkitMaskClip']) {\n this.set('-webkit-mask-clip', value)\n return this\n }\n\n /**\n * Sets the mask layer image of an element..\n * \n * syntax: ` `\n * \n * restriction: url, image, enum\n * \n * browsers: C,O15,S4\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-image\n *\n * values:\n * ```md\n * none: Counts as a transparent black image layer.\n\n * url(): Reference to a <mask element or to a CSS image.\n * ```\n * @param value -\n */\n webkitMaskImage(value: CSSProps['webkitMaskImage']) {\n this.set('-webkit-mask-image', value)\n return this\n }\n\n /**\n * Specifies the mask positioning area..\n *\n * syntax: ` `\n *\n * restriction: box\n *\n * browsers: C,O15,S4\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-origin\n *\n * @param value -\n */\n webkitMaskOrigin(value: CSSProps['webkitMaskOrigin']) {\n this.set('-webkit-mask-origin', value)\n return this\n }\n\n /**\n * Specifies how mask layer images are tiled after they have been sized and positioned..\n *\n * syntax: ` `\n *\n * restriction: repeat\n *\n * browsers: C,O15,S4\n *\n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-repeat\n *\n * @param value -\n */\n webkitMaskRepeat(value: CSSProps['webkitMaskRepeat']) {\n this.set('-webkit-mask-repeat', value)\n return this\n }\n\n /**\n * Specifies the size of the mask layer images..\n * \n * syntax: ` `\n * \n * restriction: length, percentage, enum\n * \n * browsers: C,O15,S4\n * \n * ref: http://www.w3.org/TR/css-masking-1/#the-mask-size\n *\n * values:\n * ```md\n * auto: Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%.\n\n * contain: Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.\n\n * cover: Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.\n * ```\n * @param value -\n */\n webkitMaskSize(value: CSSProps['webkitMaskSize']) {\n this.set('-webkit-mask-size', value)\n return this\n }\n\n /**\n * Defines the behavior of nonbreaking spaces within text..\n * \n * syntax: `p { -webkit-nbsp-mode: space; }`\n * \n * restriction: \n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-nbsp-mode\n *\n * values:\n * ```md\n * normal: undefined\n\n * space: undefined\n * ```\n * @param value -\n */\n webkitNbspMode(value: CSSProps['webkitNbspMode']) {\n this.set('-webkit-nbsp-mode', value)\n return this\n }\n\n /**\n * Specifies whether to use native-style scrolling in an overflow:scroll element..\n * \n * syntax: `div { -webkit-overflow-scrolling: touch; }`\n * \n * restriction: \n * \n * browsers: C,S5\n * \n * ref: http://css-infos.net/property/-webkit-nbsp-mode\n *\n * values:\n * ```md\n * auto: undefined\n\n * touch: undefined\n * ```\n * @param value -\n */\n webkitOverflowScrolling(value: CSSProps['webkitOverflowScrolling']) {\n this.set('-webkit-overflow-scrolling', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-padding-start: 5px; }`\n *\n * restriction: percentage, length\n *\n * browsers: C,S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitPaddingStart(value: CSSProps['webkitPaddingStart']) {\n this.set('-webkit-padding-start', value)\n return this\n }\n\n /**\n * Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself..\n *\n * syntax: `div { -webkit-perspective: none; }`\n *\n * restriction: length\n *\n * browsers: C,S4\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective\n *\n * @param value -\n */\n webkitPerspective(value: CSSProps['webkitPerspective']) {\n this.set('-webkit-perspective', value)\n return this\n }\n\n /**\n * Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element..\n *\n * syntax: `div { -webkit-perspective-origin: 10px; }`\n *\n * restriction: position, percentage, length\n *\n * browsers: C,S4\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#perspective-origin\n *\n * @param value -\n */\n webkitPerspectiveOrigin(value: CSSProps['webkitPerspectiveOrigin']) {\n this.set('-webkit-perspective-origin', value)\n return this\n }\n\n /**\n * The 'region-fragment' property controls the behavior of the last region associated with a named flow..\n * \n * syntax: `article { -webkit-region-fragment: break; }`\n * \n * restriction: enum\n * \n * browsers: S7\n * \n * ref: http://dev.w3.org/csswg/css-regions/#region-fragment\n *\n * values:\n * ```md\n * auto: Content flows as it would in a regular content box.\n\n * break: If the content fits within the CSS Region, then this property has no effect.\n * ```\n * @param value -\n */\n webkitRegionFragment(value: CSSProps['webkitRegionFragment']) {\n this.set('-webkit-region-fragment', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: ` `\n *\n * restriction: color\n *\n * browsers: E,C,S3.1\n *\n * ref: http://css-infos.net/property/-webkit-tap-highlight-color\n *\n * @param value -\n */\n webkitTapHighlightColor(value: CSSProps['webkitTapHighlightColor']) {\n this.set('-webkit-tap-highlight-color', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-fill-color: red; }`\n *\n * restriction: color\n *\n * browsers: E,C,S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextFillColor(value: CSSProps['webkitTextFillColor']) {\n this.set('-webkit-text-fill-color', value)\n return this\n }\n\n /**\n * Specifies a size adjustment for displaying text content in mobile browsers..\n * \n * syntax: `div { -webkit-text-size-adjust: 60%; }`\n * \n * restriction: percentage\n * \n * browsers: E,C,S3\n * \n * ref: https://drafts.csswg.org/css-size-adjust/#text-size-adjust\n *\n * values:\n * ```md\n * auto: Renderers must use the default size adjustment when displaying on a small device.\n\n * none: Renderers must not do size adjustment when displaying on a small device.\n * ```\n * @param value -\n */\n webkitTextSizeAdjust(value: CSSProps['webkitTextSizeAdjust']) {\n this.set('-webkit-text-size-adjust', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-stroke: red 2x; }`\n *\n * restriction: length, line-width, color, percentage\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextStroke(value: CSSProps['webkitTextStroke']) {\n this.set('-webkit-text-stroke', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-stroke-color: red; }`\n *\n * restriction: color\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextStrokeColor(value: CSSProps['webkitTextStrokeColor']) {\n this.set('-webkit-text-stroke-color', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `div { -webkit-text-stroke-width: 2px; }`\n *\n * restriction: length, line-width, percentage\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTextStrokeWidth(value: CSSProps['webkitTextStrokeWidth']) {\n this.set('-webkit-text-stroke-width', value)\n return this\n }\n\n /**\n * undefined.\n *\n * syntax: `a { -webkit-touch-callout: none; }`\n *\n * restriction: enum\n *\n * browsers: S3\n *\n * ref: undefined\n *\n * @param value -\n */\n webkitTouchCallout(value: CSSProps['webkitTouchCallout']) {\n this.set('-webkit-touch-callout', value)\n return this\n }\n\n /**\n * A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG..\n * \n * syntax: `div { -webkit-transform: rotate(-90deg); }`\n * \n * restriction: enum\n * \n * browsers: C,O12,S3.1\n * \n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-property\n *\n * values:\n * ```md\n * matrix(): Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]\n\n * matrix3d(): Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.\n\n * none: undefined\n\n * perspective(): Specifies a perspective projection matrix.\n\n * rotate(): Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.\n\n * rotate3d(): Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.\n\n * rotateX('angle'): Specifies a clockwise rotation by the given angle about the X axis.\n\n * rotateY('angle'): Specifies a clockwise rotation by the given angle about the Y axis.\n\n * rotateZ('angle'): Specifies a clockwise rotation by the given angle about the Z axis.\n\n * scale(): Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.\n\n * scale3d(): Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.\n\n * scaleX(): Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.\n\n * scaleY(): Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.\n\n * scaleZ(): Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.\n\n * skew(): Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).\n\n * skewX(): Specifies a skew transformation along the X axis by the given angle.\n\n * skewY(): Specifies a skew transformation along the Y axis by the given angle.\n\n * translate(): Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.\n\n * translate3d(): Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.\n\n * translateX(): Specifies a translation by the given amount in the X direction.\n\n * translateY(): Specifies a translation by the given amount in the Y direction.\n\n * translateZ(): Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.\n * ```\n * @param value -\n */\n webkitTransform(value: CSSProps['webkitTransform']) {\n this.set('-webkit-transform', value)\n return this\n }\n\n /**\n * Establishes the origin of transformation for an element..\n *\n * syntax: `.album { -webkit-transform-origin: 20% 40%; }`\n *\n * restriction: position, length, percentage\n *\n * browsers: C,O15,S3.1\n *\n * ref: http://www.w3.org/TR/css3-2d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOrigin(value: CSSProps['webkitTransformOrigin']) {\n this.set('-webkit-transform-origin', value)\n return this\n }\n\n /**\n * The x coordinate of the origin for transforms applied to an element with respect to its border box..\n *\n * syntax: `img { -webkit-transform-origin-x: 5px}`\n *\n * restriction: length, percentage\n *\n * browsers: C,S3.1\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOriginX(value: CSSProps['webkitTransformOriginX']) {\n this.set('-webkit-transform-origin-x', value)\n return this\n }\n\n /**\n * The y coordinate of the origin for transforms applied to an element with respect to its border box..\n *\n * syntax: `img { -webkit-transform-origin-y: 5px}`\n *\n * restriction: length, percentage\n *\n * browsers: C,S3.1\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOriginY(value: CSSProps['webkitTransformOriginY']) {\n this.set('-webkit-transform-origin-y', value)\n return this\n }\n\n /**\n * The z coordinate of the origin for transforms applied to an element with respect to its border box..\n *\n * syntax: `img { -webkit-transform-origin-z: 5px}`\n *\n * restriction: length, percentage\n *\n * browsers: C,S4\n *\n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * @param value -\n */\n webkitTransformOriginZ(value: CSSProps['webkitTransformOriginZ']) {\n this.set('-webkit-transform-origin-z', value)\n return this\n }\n\n /**\n * Defines how nested elements are rendered in 3D space..\n * \n * syntax: `div { -webkit-transform-style: flat; }`\n * \n * restriction: enum\n * \n * browsers: C,S4\n * \n * ref: http://www.w3.org/TR/css3-3d-transforms/#transform-origin\n *\n * values:\n * ```md\n * flat: All children of this element are rendered flattened into the 2D plane of the element.\n\n * preserve-3d: Flattening is not performed, so children maintain their position in 3D space.\n * ```\n * @param value -\n */\n webkitTransformStyle(value: CSSProps['webkitTransformStyle']) {\n this.set('-webkit-transform-style', value)\n return this\n }\n\n /**\n * Shorthand property combines four of the transition properties into a single property..\n * \n * syntax: `div { -webkit-transition: background-color linear 1s; }`\n * \n * restriction: time, property, timing-function, enum\n * \n * browsers: C,O12,S5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n webkitTransition(value: CSSProps['webkitTransition']) {\n this.set('-webkit-transition', value)\n return this\n }\n\n /**\n * Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied..\n *\n * syntax: `div { -webkit-transition-delay: 1s; }`\n *\n * restriction: time\n *\n * browsers: C,O12,S5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-delay\n *\n * @param value -\n */\n webkitTransitionDelay(value: CSSProps['webkitTransitionDelay']) {\n this.set('-webkit-transition-delay', value)\n return this\n }\n\n /**\n * Specifies how long the transition from the old value to the new value should take..\n *\n * syntax: `div { -webkit-transition-duration: 1s; }`\n *\n * restriction: time\n *\n * browsers: C,O12,S5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-duration\n *\n * @param value -\n */\n webkitTransitionDuration(value: CSSProps['webkitTransitionDuration']) {\n this.set('-webkit-transition-duration', value)\n return this\n }\n\n /**\n * Specifies the name of the CSS property to which the transition is applied..\n * \n * syntax: `div { -webkit-transition-property: background-color; }`\n * \n * restriction: property\n * \n * browsers: C,O12,S5\n * \n * ref: http://www.w3.org/TR/css3-transitions/#transition-property\n *\n * values:\n * ```md\n * all: Every property that is able to undergo a transition will do so.\n\n * none: No property will transition.\n * ```\n * @param value -\n */\n webkitTransitionProperty(value: CSSProps['webkitTransitionProperty']) {\n this.set('-webkit-transition-property', value)\n return this\n }\n\n /**\n * Describes how the intermediate values used during a transition will be calculated..\n *\n * syntax: `div { -webkit-transition-timing-function: linear; }`\n *\n * restriction: timing-function\n *\n * browsers: C,O12,S5\n *\n * ref: http://www.w3.org/TR/css3-transitions/#transition-timing-function\n *\n * @param value -\n */\n webkitTransitionTimingFunction(\n value: CSSProps['webkitTransitionTimingFunction'],\n ) {\n this.set('-webkit-transition-timing-function', value)\n return this\n }\n\n /**\n * undefined.\n * \n * syntax: `div { -webkit-user-drag: element; }`\n * \n * restriction: enum\n * \n * browsers: S3\n * \n * ref: undefined\n *\n * values:\n * ```md\n * auto: undefined\n\n * element: undefined\n\n * none: undefined\n * ```\n * @param value -\n */\n webkitUserDrag(value: CSSProps['webkitUserDrag']) {\n this.set('-webkit-user-drag', value)\n return this\n }\n\n /**\n * Determines whether a user can edit the content of an element..\n * \n * syntax: `div { -webkit-user-modify: read-only; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-user-modify\n *\n * values:\n * ```md\n * read-only: undefined\n\n * read-write: undefined\n\n * read-write-plaintext-only: undefined\n * ```\n * @param value -\n */\n webkitUserModify(value: CSSProps['webkitUserModify']) {\n this.set('-webkit-user-modify', value)\n return this\n }\n\n /**\n * Controls the appearance of selection..\n * \n * syntax: `div { -webkit-user-select: text; }`\n * \n * restriction: enum\n * \n * browsers: C,S3\n * \n * ref: http://css-infos.net/property/-webkit-user-select\n *\n * values:\n * ```md\n * auto: undefined\n\n * none: undefined\n\n * text: undefined\n * ```\n * @param value -\n */\n webkitUserSelect(value: CSSProps['webkitUserSelect']) {\n this.set('-webkit-user-select', value)\n return this\n }\n\n /**\n * Specifies the minimum number of line boxes of a block container that must be left in a fragment after a break..\n *\n * syntax: `<integer>`\n *\n * restriction: integer\n *\n * browsers: C,IE8,O9.5,S1\n *\n * ref: http://www.w3.org/TR/css3-break/#widows-orphans\n *\n * @param value -\n */\n widows(value: CSSProps['widows']) {\n this.set('widows', value)\n return this\n }\n\n /**\n * Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes..\n * \n * syntax: `header { width: 200px; }`\n * \n * restriction: length, percentage\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-box/#width\n *\n * values:\n * ```md\n * auto: The width depends on the values of other properties.\n\n * fill: Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.\n\n * fit-content: Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.\n\n * max-content: Use the max-content inline size or max-content block size, as appropriate to the writing mode.\n\n * min-content: Use the min-content inline size or min-content block size, as appropriate to the writing mode.\n * ```\n * @param value -\n */\n width(value: CSSProps['width']) {\n this.set('width', value)\n return this\n }\n\n /**\n * Provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element..\n * \n * syntax: `body { will-change: scroll-position; }`\n * \n * restriction: enum, identifier\n * \n * browsers: C36,FF36,O24\n * \n * ref: http://www.w3.org/TR/css-will-change/\n *\n * values:\n * ```md\n * auto: Expresses no particular intent.\n\n * contents: Indicates that the author expects to animate or change something about the element's contents in the near future.\n\n * scroll-position: Indicates that the author expects to animate or change the scroll position of the element in the near future.\n * ```\n * @param value -\n */\n willChange(value: CSSProps['willChange']) {\n this.set('will-change', value)\n return this\n }\n\n /**\n * Specifies line break opportunities for non-CJK scripts..\n * \n * syntax: `p.album { word-break: break-all; }`\n * \n * restriction: enum\n * \n * browsers: E,C,FF15,IE5,S3\n * \n * ref: http://www.w3.org/TR/css3-text/#word-break0\n *\n * values:\n * ```md\n * break-all: Lines may break between any two grapheme clusters for non-CJK scripts.\n\n * keep-all: Block characters can no longer create implied break points.\n\n * normal: Breaks non-CJK scripts according to their own rules.\n * ```\n * @param value -\n */\n wordBreak(value: CSSProps['wordBreak']) {\n this.set('word-break', value)\n return this\n }\n\n /**\n * Specifies additional spacing between \"words\"..\n *\n * syntax: `article { word-spacing: 3px; }`\n *\n * restriction: length, percentage\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-text/#word-spacing0\n *\n * @param value -\n */\n wordSpacing(value: CSSProps['wordSpacing']) {\n this.set('word-spacing', value)\n return this\n }\n\n /**\n * Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit..\n * \n * syntax: `p { word-wrap: break-word; }`\n * \n * restriction: enum\n * \n * browsers: all\n * \n * ref: http://www.w3.org/TR/css3-text/#word-wrap0\n *\n * values:\n * ```md\n * break-word: An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line.\n\n * normal: Lines may break only at allowed break points.\n * ```\n * @param value -\n */\n wordWrap(value: CSSProps['wordWrap']) {\n this.set('word-wrap', value)\n return this\n }\n\n /**\n * This is a shorthand property for both 'direction' and 'block-progression'..\n * \n * syntax: `span { writing-mode: lr-tb; }`\n * \n * restriction: enum\n * \n * browsers: E,FF41\n * \n * ref: http://www.w3.org/TR/css-writing-modes-3/#writing-mode\n *\n * values:\n * ```md\n * horizontal-tb: Top-to-bottom block flow direction. The writing mode is horizontal.\n\n * sideways-lr: Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal.\n\n * sideways-rl: Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal.\n\n * vertical-lr: Left-to-right block flow direction. The writing mode is vertical.\n\n * vertical-rl: Right-to-left block flow direction. The writing mode is vertical.\n * ```\n * @param value -\n */\n writingMode(value: CSSProps['writingMode']) {\n this.set('writing-mode', value)\n return this\n }\n\n /**\n * For a positioned box, the 'z-index' property specifies the stack level of the box in the current stacking context and whether the box establishes a local stacking context..\n *\n * syntax: `img { z-index: 3; }`\n *\n * restriction: integer\n *\n * browsers: all\n *\n * ref: http://www.w3.org/TR/css3-positioning/#propdef-z-index\n *\n * @param value -\n */\n zIndex(value: CSSProps['zIndex']) {\n this.set('z-index', value)\n return this\n }\n\n /**\n * Non-standard. Specifies the magnification scale of the object. See 'transform: scale()' for a standards-based alternative..\n *\n * syntax: `.example { zoom: 1; }`\n *\n * restriction: enum, integer, number, percentage\n *\n * browsers: E,C,IE6,O15,S4\n *\n * ref: https://msdn.microsoft.com/en-us/library/ms531189(v=vs.85).aspx\n *\n * @param value -\n */\n zoom(value: CSSProps['zoom']) {\n this.set('zoom', value)\n return this\n }\n\n placeItems(value: string) {\n this.set('place-items', value)\n return this\n }\n\n inset(value: string) {\n this.set('inset', value)\n return this\n }\n\n scrollMarginTop(value: string) {\n this.set('scroll-margin-top', value)\n return this\n }\n\n appearance(value: CSSProps['webkitAppearance']) {\n this.set('appearance', value)\n return this\n }\n accentColor(value: CSSProps['accentColor']) {\n this.set('accent-color', value)\n return this\n }\n breakInside(value: CSSProps['webkitBreakInside']) {\n this.set('break-inside', value)\n return this\n }\n lineClamp(value: string) {\n this.set('line-clamp', value)\n return this\n }\n}\n","import { Style } from './style'\n\nexport function s(selector?: string) {\n return new Style(selector)\n}\n"],"mappings":"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"}