2007-04-15 15:27:14 -07:00
/* -*- Mode: Java; tab-width: 4; indent-tabs-mode: t; c-basic-offset: 4 -*- */
/* vim: set shiftwidth=4 tabstop=4 autoindent cindent noexpandtab: */
2012-05-21 04:12:37 -07:00
/ * T h i s S o u r c e C o d e F o r m i s s u b j e c t t o t h e t e r m s o f t h e M o z i l l a P u b l i c
* License , v . 2.0 . If a copy of the MPL was not distributed with this
* file , You can obtain one at http : //mozilla.org/MPL/2.0/. */
2007-04-15 15:27:14 -07:00
// True longhand properties.
const CSS _TYPE _LONGHAND = 0 ;
// True shorthand properties.
const CSS _TYPE _TRUE _SHORTHAND = 1 ;
// Properties that we handle as shorthands but were longhands either in
// the current spec or earlier versions of the spec.
const CSS _TYPE _SHORTHAND _AND _LONGHAND = 2 ;
2007-05-03 16:11:00 -07:00
// Each property has the following fields:
2009-11-02 11:36:43 -08:00
// domProp: The name of the relevant member of nsIDOM[NS]CSS2Properties
2011-10-21 21:03:16 -07:00
// inherited: Whether the property is inherited by default (stated as
2009-11-02 11:36:43 -08:00
// yes or no in the property header in all CSS specs)
// type: see above
2012-09-18 11:37:14 -07:00
// alias_for: optional, indicates that the property is an alias for
// some other property that is the preferred serialization. (Type
// must not be CSS_TYPE_LONGHAND.)
2009-11-02 11:36:43 -08:00
// get_computed: if present, the property's computed value shows up on
// another property, and this is a function used to get it
// initial_values: Values whose computed value should be the same as the
// computed value for the property's initial value.
// other_values: Values whose computed value should be different from the
// computed value for the property's initial value.
// XXX Should have a third field for values whose computed value may or
// may not be the same as for the property's initial value.
// invalid_values: Things that are not values for the property and
// should be rejected.
2012-07-16 06:11:33 -07:00
// quirks_values: Values that should be accepted in quirks mode only,
// mapped to the values they are equivalent to.
2007-05-03 16:11:00 -07:00
2010-12-09 20:38:53 -08:00
// Helper functions used to construct gCSSProperties.
function initial _font _family _is _sans _serif ( )
{
// The initial value of 'font-family' might be 'serif' or
// 'sans-serif'.
var div = document . createElement ( "div" ) ;
2012-10-30 08:57:36 -07:00
div . setAttribute ( "style" , "font: initial" ) ;
2010-12-09 20:38:53 -08:00
return getComputedStyle ( div , "" ) . fontFamily == "sans-serif" ;
}
var gInitialFontFamilyIsSansSerif = initial _font _family _is _sans _serif ( ) ;
2007-04-15 15:27:14 -07:00
var gCSSProperties = {
2012-07-08 18:25:10 -07:00
"animation" : {
domProp : "animation" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
2012-07-08 18:25:10 -07:00
subproperties : [ "animation-name" , "animation-duration" , "animation-timing-function" , "animation-delay" , "animation-direction" , "animation-fill-mode" , "animation-iteration-count" ] ,
2011-05-09 12:02:35 -07:00
initial _values : [ "none none 0s 0s ease normal 1.0" , "none" , "0s" , "ease" , "normal" , "1.0" ] ,
2011-04-11 23:18:42 -07:00
other _values : [ "bounce 1s linear 2s" , "bounce 1s 2s linear" , "bounce linear 1s 2s" , "linear bounce 1s 2s" , "linear 1s bounce 2s" , "linear 1s 2s bounce" , "1s bounce linear 2s" , "1s bounce 2s linear" , "1s 2s bounce linear" , "1s linear bounce 2s" , "1s linear 2s bounce" , "1s 2s linear bounce" , "bounce linear 1s" , "bounce 1s linear" , "linear bounce 1s" , "linear 1s bounce" , "1s bounce linear" , "1s linear bounce" , "1s 2s bounce" , "1s bounce 2s" , "bounce 1s 2s" , "1s 2s linear" , "1s linear 2s" , "linear 1s 2s" , "bounce 1s" , "1s bounce" , "linear 1s" , "1s linear" , "1s 2s" , "2s 1s" , "bounce" , "linear" , "1s" , "height" , "2s" , "ease-in-out" , "2s ease-in" , "opacity linear" , "ease-out 2s" , "2s color, 1s bounce, 500ms height linear, 1s opacity 4s cubic-bezier(0.0, 0.1, 1.0, 1.0)" , "1s \\32bounce linear 2s" , "1s -bounce linear 2s" , "1s -\\32bounce linear 2s" , "1s \\32 0bounce linear 2s" , "1s -\\32 0bounce linear 2s" , "1s \\2bounce linear 2s" , "1s -\\2bounce linear 2s" , "2s, 1s bounce" , "1s bounce, 2s" , "2s all, 1s bounce" , "1s bounce, 2s all" , "1s bounce, 2s none" , "2s none, 1s bounce" , "2s bounce, 1s all" , "2s all, 1s bounce" ] ,
invalid _values : [ "2s inherit" , "inherit 2s" , "2s bounce, 1s inherit" , "2s inherit, 1s bounce" , "2s initial" ]
} ,
2012-07-08 18:25:10 -07:00
"animation-delay" : {
domProp : "animationDelay" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "0s" , "0ms" ] ,
other _values : [ "1s" , "250ms" , "-100ms" , "-1s" , "1s, 250ms, 2.3s" ] ,
invalid _values : [ "0" , "0px" ]
} ,
2012-07-08 18:25:10 -07:00
"animation-direction" : {
domProp : "animationDirection" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
2012-06-21 11:44:34 -07:00
other _values : [ "alternate" , "normal, alternate" , "alternate, normal" , "normal, normal" , "normal, normal, normal" , "reverse" , "alternate-reverse" , "normal, reverse, alternate-reverse, alternate" ] ,
invalid _values : [ "normal normal" , "inherit, normal" , "reverse-alternate" ]
2011-04-11 23:18:42 -07:00
} ,
2012-07-08 18:25:10 -07:00
"animation-duration" : {
domProp : "animationDuration" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "0s" , "0ms" ] ,
2012-07-13 18:01:34 -07:00
other _values : [ "1s" , "250ms" , "1s, 250ms, 2.3s" ] ,
invalid _values : [ "0" , "0px" , "-1ms" , "-2s" ]
2011-04-11 23:18:42 -07:00
} ,
2012-07-08 18:25:10 -07:00
"animation-fill-mode" : {
domProp : "animationFillMode" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "forwards" , "backwards" , "both" , "none, none" , "forwards, backwards" , "forwards, none" , "none, both" ] ,
invalid _values : [ "all" ]
} ,
2012-07-08 18:25:10 -07:00
"animation-iteration-count" : {
domProp : "animationIterationCount" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "1" ] ,
other _values : [ "infinite" , "0" , "0.5" , "7.75" , "-0.0" , "1, 2, 3" , "infinite, 2" , "1, infinite" ] ,
// negatives forbidden per
// http://lists.w3.org/Archives/Public/www-style/2011Mar/0355.html
invalid _values : [ "none" , "-1" , "-0.5" , "-1, infinite" , "infinite, -3" ]
} ,
2012-07-08 18:25:10 -07:00
"animation-name" : {
domProp : "animationName" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "all" , "ball" , "mall" , "color" , "bounce, bubble, opacity" , "foobar" , "auto" , "\\32bounce" , "-bounce" , "-\\32bounce" , "\\32 0bounce" , "-\\32 0bounce" , "\\2bounce" , "-\\2bounce" ] ,
invalid _values : [ "bounce, initial" , "initial, bounce" , "bounce, inherit" , "inherit, bounce" ]
} ,
2012-07-08 18:25:10 -07:00
"animation-play-state" : {
domProp : "animationPlayState" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "running" ] ,
other _values : [ "paused" , "running, running" , "paused, running" , "paused, paused" , "running, paused" , "paused, running, running, running, paused, running" ] ,
invalid _values : [ "0" ]
} ,
2012-07-08 18:25:10 -07:00
"animation-timing-function" : {
domProp : "animationTimingFunction" ,
2011-04-11 23:18:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "ease" , "cubic-bezier(0.25, 0.1, 0.25, 1.0)" ] ,
other _values : [ "linear" , "ease-in" , "ease-out" , "ease-in-out" , "linear, ease-in, cubic-bezier(0.1, 0.2, 0.8, 0.9)" , "cubic-bezier(0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.25, 1.5, 0.75, -0.5)" , "step-start" , "step-end" , "steps(1)" , "steps(2, start)" , "steps(386)" , "steps(3, end)" ] ,
invalid _values : [ "none" , "auto" , "cubic-bezier(0.25, 0.1, 0.25)" , "cubic-bezier(0.25, 0.1, 0.25, 0.25, 1.0)" , "cubic-bezier(-0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(1.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.5, 0.5, -0.5, 0.5)" , "cubic-bezier(0.5, 0.5, 1.5, 0.5)" , "steps(2, step-end)" , "steps(0)" , "steps(-2)" , "steps(0, step-end, 1)" ]
} ,
2007-04-15 15:27:14 -07:00
"-moz-appearance" : {
domProp : "MozAppearance" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "radio" , "menulist" ] ,
invalid _values : [ ]
} ,
"-moz-background-inline-policy" : {
domProp : "MozBackgroundInlinePolicy" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "continuous" ] ,
other _values : [ "bounding-box" , "each-box" ] ,
invalid _values : [ ]
} ,
"-moz-binding" : {
domProp : "MozBinding" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "url(foo.xml)" ] ,
invalid _values : [ ]
} ,
"-moz-border-bottom-colors" : {
domProp : "MozBorderBottomColors" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2008-02-08 11:51:41 -08:00
other _values : [ "red green" , "red #fc3" , "#ff00cc" , "currentColor" , "blue currentColor orange currentColor" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "red none" , "red inherit" , "red, green" , "none red" , "inherit red" , "ff00cc" ]
2007-04-15 15:27:14 -07:00
} ,
2007-07-04 11:51:16 -07:00
"-moz-border-end" : {
domProp : "MozBorderEnd" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "-moz-border-end-color" , "-moz-border-end-style" , "-moz-border-end-width" ] ,
2008-12-16 17:11:38 -08:00
initial _values : [ "none" , "medium" , "currentColor" , "thin" , "none medium currentcolor" ] ,
other _values : [ "solid" , "green" , "medium solid" , "green solid" , "10px solid" , "thick solid" , "5px green none" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" , "5 green none" ]
2007-07-04 11:51:16 -07:00
} ,
"-moz-border-end-color" : {
domProp : "MozBorderEndColor" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-07-04 11:51:16 -07:00
initial _values : [ "currentColor" ] ,
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" , "000000" ]
2007-07-04 11:51:16 -07:00
} ,
"-moz-border-end-style" : {
domProp : "MozBorderEndStyle" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-07-04 11:51:16 -07:00
/* XXX hidden is sometimes the same as initial */
initial _values : [ "none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" ] ,
invalid _values : [ ]
} ,
"-moz-border-end-width" : {
domProp : "MozBorderEndWidth" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-07-04 11:51:16 -07:00
prerequisites : { "-moz-border-end-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "calc(4px - 1px)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "thin" , "thick" , "1px" , "2em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0em)" ,
"calc(0px)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" ]
2007-07-04 11:51:16 -07:00
} ,
2012-05-30 22:19:49 -07:00
"border-image" : {
domProp : "borderImage" ,
2008-07-16 23:30:25 -07:00
inherited : false ,
2011-12-22 15:34:53 -08:00
type : CSS _TYPE _TRUE _SHORTHAND ,
2012-05-30 22:19:49 -07:00
subproperties : [ "border-image-source" , "border-image-slice" , "border-image-width" , "border-image-outset" , "border-image-repeat" ] ,
2008-07-16 23:30:25 -07:00
initial _values : [ "none" ] ,
other _values : [ "url('border.png') 27 27 27 27" ,
2009-11-02 11:36:43 -08:00
"url('border.png') 27" ,
2011-12-22 15:34:53 -08:00
"stretch url('border.png')" ,
"url('border.png') 27 fill" ,
2009-11-02 11:36:43 -08:00
"url('border.png') 27 27 27 27 repeat" ,
2011-12-22 15:34:53 -08:00
"repeat url('border.png') 27 27 27 27" ,
"url('border.png') repeat 27 27 27 27" ,
"url('border.png') fill 27 27 27 27 repeat" ,
2009-11-02 11:36:43 -08:00
"url('border.png') 27 27 27 27 / 1em" ,
2011-12-22 15:34:53 -08:00
"27 27 27 27 / 1em url('border.png') " ,
"url('border.png') 27 27 27 27 / 10 10 10 / 10 10 repeat" ,
"repeat 27 27 27 27 / 10 10 10 / 10 10 url('border.png')" ,
"url('border.png') 27 27 27 27 / / 10 10 1em" ,
"fill 27 27 27 27 / / 10 10 1em url('border.png')" ,
2009-11-02 11:36:43 -08:00
"url('border.png') 27 27 27 27 / 1em 1em 1em 1em repeat" ,
"url('border.png') 27 27 27 27 / 1em 1em 1em 1em stretch round" ] ,
2011-12-22 15:34:53 -08:00
invalid _values : [ "url('border.png') 27 27 27 27 27" ,
2009-11-02 11:36:43 -08:00
"url('border.png') 27 27 27 27 / 1em 1em 1em 1em 1em" ,
2012-04-12 01:02:33 -07:00
"url('border.png') 27 27 27 27 /" ,
2011-12-22 15:34:53 -08:00
"url('border.png') fill" ,
"url('border.png') fill repeat" ,
"fill repeat" ,
"url('border.png') fill / 1em" ,
2012-04-12 01:02:33 -07:00
"url('border.png') / repeat" ,
"url('border.png') 1 /" ,
"url('border.png') 1 / /" ,
"1 / url('border.png')" ,
"url('border.png') / 1" ,
"url('border.png') / / 1" ]
2011-12-22 15:34:53 -08:00
} ,
2012-05-30 22:19:49 -07:00
"border-image-source" : {
domProp : "borderImageSource" ,
2011-12-22 15:34:53 -08:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "url('border.png')" ] ,
invalid _values : [ "url('border.png') url('border.png')" ]
} ,
2012-05-30 22:19:49 -07:00
"border-image-slice" : {
domProp : "borderImageSlice" ,
2011-12-22 15:34:53 -08:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "100%" , "100% 100% 100% 100%" ] ,
other _values : [ "0%" , "10" , "10 100% 0 2" , "0 0 0 0" , "fill 10 10" , "10 10 fill" ] ,
invalid _values : [ "-10%" , "-10" , "10 10 10 10 10" , "10 10 10 10 -10" , "10px" , "-10px" , "fill" , "fill fill 10px" , "10px fill fill" ]
} ,
2012-05-30 22:19:49 -07:00
"border-image-width" : {
domProp : "borderImageWidth" ,
2011-12-22 15:34:53 -08:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "1" , "1 1 1 1" ] ,
other _values : [ "0" , "0%" , "0px" , "auto auto auto auto" , "10 10% auto 15px" , "10px 10px 10px 10px" , "10" , "10 10" , "10 10 10" ] ,
invalid _values : [ "-10" , "-10px" , "-10%" , "10 10 10 10 10" , "10 10 10 10 auto" , "auto auto auto auto auto" ]
} ,
2012-05-30 22:19:49 -07:00
"border-image-outset" : {
domProp : "borderImageOutset" ,
2011-12-22 15:34:53 -08:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "0" , "0 0 0 0" ] ,
other _values : [ "10px" , "10" , "10 10" , "10 10 10" , "10 10 10 10" , "10px 10 10 10px" ] ,
invalid _values : [ "-10" , "-10px" , "-10%" , "10%" , "10 10 10 10 10" ]
} ,
2012-05-30 22:19:49 -07:00
"border-image-repeat" : {
domProp : "borderImageRepeat" ,
2011-12-22 15:34:53 -08:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "stretch" , "stretch stretch" ] ,
other _values : [ "round" , "repeat" , "stretch round" , "repeat round" , "stretch repeat" , "round round" , "repeat repeat" ] ,
invalid _values : [ "none" , "stretch stretch stretch" , "0" , "10" , "0%" , "0px" ]
2008-07-16 23:30:25 -07:00
} ,
2007-04-15 15:27:14 -07:00
"-moz-border-left-colors" : {
domProp : "MozBorderLeftColors" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2008-02-08 11:51:41 -08:00
other _values : [ "red green" , "red #fc3" , "#ff00cc" , "currentColor" , "blue currentColor orange currentColor" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "red none" , "red inherit" , "red, green" , "none red" , "inherit red" , "ff00cc" ]
2007-04-15 15:27:14 -07:00
} ,
2010-09-09 08:21:47 -07:00
"border-radius" : {
2010-09-09 08:21:48 -07:00
domProp : "borderRadius" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2010-09-09 08:21:47 -07:00
subproperties : [ "border-bottom-left-radius" , "border-bottom-right-radius" , "border-top-left-radius" , "border-top-right-radius" ] ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "0px 0 0 0px" , "calc(-2px)" , "calc(-1%)" , "calc(0px) calc(0pt) calc(0%) calc(0em)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , "3em 2px" , "2pt 3% 4em" , "2px 2px 2px 2px" , // circular
2010-09-09 08:21:45 -07:00
"3% / 2%" , "1px / 4px" , "2em / 1em" , "3em 2px / 2px 3em" , "2pt 3% 4em / 4pt 1% 5em" , "2px 2px 2px 2px / 4px 4px 4px 4px" , "1pt / 2pt 3pt" , "4pt 5pt / 3pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
"2px 2px calc(2px + 1%) 2px" ,
"1px 2px 2px 2px / 2px 2px calc(2px + 1%) 2px" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "2px -2px" , "inherit 2px" , "inherit / 2px" , "2px inherit" , "2px / inherit" , "2px 2px 2px 2px 2px" , "1px / 2px 2px 2px 2px 2px" , "2" , "2 2" , "2px 2px 2px 2px / 2px 2px 2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
2010-09-09 08:21:47 -07:00
"border-bottom-left-radius" : {
2010-09-09 08:21:48 -07:00
domProp : "borderBottomLeftRadius" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
2010-09-09 08:21:47 -07:00
"border-bottom-right-radius" : {
2010-09-09 08:21:48 -07:00
domProp : "borderBottomRightRadius" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
2010-09-09 08:21:47 -07:00
"border-top-left-radius" : {
2010-09-09 08:21:48 -07:00
domProp : "borderTopLeftRadius" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
2010-09-09 08:21:47 -07:00
"border-top-right-radius" : {
2010-09-09 08:21:48 -07:00
domProp : "borderTopRightRadius" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-border-right-colors" : {
domProp : "MozBorderRightColors" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2008-02-08 11:51:41 -08:00
other _values : [ "red green" , "red #fc3" , "#ff00cc" , "currentColor" , "blue currentColor orange currentColor" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "red none" , "red inherit" , "red, green" , "none red" , "inherit red" , "ff00cc" ]
2007-04-15 15:27:14 -07:00
} ,
2007-07-04 11:51:16 -07:00
"-moz-border-start" : {
domProp : "MozBorderStart" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "-moz-border-start-color" , "-moz-border-start-style" , "-moz-border-start-width" ] ,
2008-12-16 17:11:38 -08:00
initial _values : [ "none" , "medium" , "currentColor" , "thin" , "none medium currentcolor" ] ,
other _values : [ "solid" , "green" , "medium solid" , "green solid" , "10px solid" , "thick solid" , "5px green none" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" , "5 green solid" ]
2007-07-04 11:51:16 -07:00
} ,
"-moz-border-start-color" : {
domProp : "MozBorderStartColor" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-07-04 11:51:16 -07:00
initial _values : [ "currentColor" ] ,
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" , "000000" ]
2007-07-04 11:51:16 -07:00
} ,
"-moz-border-start-style" : {
domProp : "MozBorderStartStyle" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-07-04 11:51:16 -07:00
/* XXX hidden is sometimes the same as initial */
initial _values : [ "none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" ] ,
invalid _values : [ ]
} ,
"-moz-border-start-width" : {
domProp : "MozBorderStartWidth" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-07-04 11:51:16 -07:00
prerequisites : { "-moz-border-start-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "calc(4px - 1px)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "thin" , "thick" , "1px" , "2em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0em)" ,
"calc(0px)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" ]
2007-07-04 11:51:16 -07:00
} ,
2007-04-15 15:27:14 -07:00
"-moz-border-top-colors" : {
domProp : "MozBorderTopColors" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2008-02-08 11:51:41 -08:00
other _values : [ "red green" , "red #fc3" , "#ff00cc" , "currentColor" , "blue currentColor orange currentColor" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "red none" , "red inherit" , "red, green" , "none red" , "inherit red" , "ff00cc" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-box-align" : {
domProp : "MozBoxAlign" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "stretch" ] ,
other _values : [ "start" , "center" , "baseline" , "end" ] ,
invalid _values : [ ]
} ,
"-moz-box-direction" : {
domProp : "MozBoxDirection" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
other _values : [ "reverse" ] ,
invalid _values : [ ]
} ,
"-moz-box-flex" : {
domProp : "MozBoxFlex" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "0" , "0.0" , "-0.0" ] ,
other _values : [ "1" , "100" , "0.1" ] ,
invalid _values : [ "10px" , "-1" ]
} ,
"-moz-box-ordinal-group" : {
domProp : "MozBoxOrdinalGroup" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "1" ] ,
2011-06-12 18:52:32 -07:00
other _values : [ "2" , "100" , "0" ] ,
invalid _values : [ "1.0" , "-1" , "-1000" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-box-orient" : {
domProp : "MozBoxOrient" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "horizontal" , "inline-axis" ] ,
other _values : [ "vertical" , "block-axis" ] ,
invalid _values : [ ]
} ,
"-moz-box-pack" : {
domProp : "MozBoxPack" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "start" ] ,
other _values : [ "center" , "end" , "justify" ] ,
invalid _values : [ ]
} ,
"-moz-box-sizing" : {
domProp : "MozBoxSizing" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-17 01:01:22 -07:00
initial _values : [ "content-box" ] ,
other _values : [ "border-box" , "padding-box" ] ,
invalid _values : [ "margin-box" , "content" , "padding" , "border" , "margin" ]
2007-04-15 15:27:14 -07:00
} ,
2011-08-22 21:18:22 -07:00
"-moz-columns" : {
domProp : "MozColumns" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "-moz-column-count" , "-moz-column-width" ] ,
initial _values : [ "auto" , "auto auto" ] ,
other _values : [ "3" , "20px" , "2 10px" , "10px 2" , "2 auto" , "auto 2" , "auto 50px" , "50px auto" ] ,
invalid _values : [ "5%" , "-1px" , "-1" , "3 5" , "10px 4px" , "10 2px 5in" , "30px -1" ,
"auto 3 5px" , "5 auto 20px" , "auto auto auto" ]
} ,
2007-04-15 15:27:14 -07:00
"-moz-column-count" : {
domProp : "MozColumnCount" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
2008-12-29 07:07:38 -08:00
other _values : [ "1" , "17" ] ,
// negative and zero invalid per editor's draft
invalid _values : [ "-1" , "0" , "3px" ]
2007-04-15 15:27:14 -07:00
} ,
2012-07-31 09:21:19 -07:00
"-moz-column-fill" : {
domProp : "MozColumnFill" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "balance" ] ,
other _values : [ "auto" ] ,
invalid _values : [ "2px" , "dotted" , "5em" ]
} ,
2007-04-15 15:27:14 -07:00
"-moz-column-gap" : {
domProp : "MozColumnGap" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2012-07-13 15:06:50 -07:00
initial _values : [ "normal" , "1em" , "calc(-2em + 3em)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "2px" , "4em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0px)" ,
"calc(0pt)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "3%" , "-1px" , "4" ]
2007-04-15 15:27:14 -07:00
} ,
2010-05-11 08:49:43 -07:00
"-moz-column-rule" : {
domProp : "MozColumnRule" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
2010-05-11 08:49:43 -07:00
type : CSS _TYPE _TRUE _SHORTHAND ,
prerequisites : { "color" : "green" } ,
subproperties : [ "-moz-column-rule-width" , "-moz-column-rule-style" , "-moz-column-rule-color" ] ,
2012-07-16 06:11:33 -07:00
initial _values : [ "medium none currentColor" , "none" , "medium" , "currentColor" ] ,
other _values : [ "2px blue solid" , "red dotted 1px" , "ridge 4px orange" , "5px solid" ] ,
invalid _values : [ "2px 3px 4px red" , "dotted dashed" , "5px dashed green 3px" , "5 solid" , "5 green solid" ]
2007-04-15 15:27:14 -07:00
} ,
2008-07-19 03:38:25 -07:00
"-moz-column-rule-width" : {
domProp : "MozColumnRuleWidth" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
prerequisites : { "-moz-column-rule-style" : "solid" } ,
2010-05-11 08:49:43 -07:00
initial _values : [
"medium" ,
"3px" ,
"-moz-calc(3px)" ,
2012-07-13 15:06:50 -07:00
"-moz-calc(5em + 3px - 5em)" ,
"calc(3px)" ,
"calc(5em + 3px - 5em)" ,
2010-05-11 08:49:43 -07:00
] ,
other _values : [ "thin" , "15px" ,
2012-07-13 15:06:50 -07:00
/* valid -moz-calc() values */
2010-05-11 08:49:43 -07:00
"-moz-calc(-2px)" ,
"-moz-calc(2px)" ,
"-moz-calc(3em)" ,
"-moz-calc(3em + 2px)" ,
"-moz-calc( 3em + 2px)" ,
"-moz-calc(3em + 2px )" ,
"-moz-calc( 3em + 2px )" ,
"-moz-calc(3*25px)" ,
"-moz-calc(3 *25px)" ,
"-moz-calc(3 * 25px)" ,
"-moz-calc(3* 25px)" ,
"-moz-calc(25px*3)" ,
"-moz-calc(25px *3)" ,
"-moz-calc(25px* 3)" ,
"-moz-calc(25px * 3)" ,
"-moz-calc(25px * 3 / 4)" ,
"-moz-calc((25px * 3) / 4)" ,
"-moz-calc(25px * (3 / 4))" ,
"-moz-calc(3 * 25px / 4)" ,
"-moz-calc((3 * 25px) / 4)" ,
"-moz-calc(3 * (25px / 4))" ,
"-moz-calc(3em + 25px * 3 / 4)" ,
"-moz-calc(3em + (25px * 3) / 4)" ,
"-moz-calc(3em + 25px * (3 / 4))" ,
"-moz-calc(25px * 3 / 4 + 3em)" ,
"-moz-calc((25px * 3) / 4 + 3em)" ,
"-moz-calc(25px * (3 / 4) + 3em)" ,
"-moz-calc(3em + (25px * 3 / 4))" ,
"-moz-calc(3em + ((25px * 3) / 4))" ,
"-moz-calc(3em + (25px * (3 / 4)))" ,
"-moz-calc((25px * 3 / 4) + 3em)" ,
"-moz-calc(((25px * 3) / 4) + 3em)" ,
"-moz-calc((25px * (3 / 4)) + 3em)" ,
"-moz-calc(3*25px + 1in)" ,
"-moz-calc(1in - 3em + 2px)" ,
"-moz-calc(1in - (3em + 2px))" ,
"-moz-calc((1in - 3em) + 2px)" ,
"-moz-calc(50px/2)" ,
"-moz-calc(50px/(2 - 1))" ,
"-moz-calc(-3px)" ,
/* numeric reduction cases */
"-moz-calc(5 * 3 * 2em)" ,
"-moz-calc(2em * 5 * 3)" ,
"-moz-calc((5 * 3) * 2em)" ,
"-moz-calc(2em * (5 * 3))" ,
"-moz-calc((5 + 3) * 2em)" ,
"-moz-calc(2em * (5 + 3))" ,
"-moz-calc(2em / (5 + 3))" ,
"-moz-calc(2em * (5*2 + 3))" ,
"-moz-calc(2em * ((5*2) + 3))" ,
"-moz-calc(2em * (5*(2 + 3)))" ,
"-moz-calc((5 + 7) * 3em)" ,
"-moz-calc((5em + 3em) - 2em)" ,
"-moz-calc((5em - 3em) + 2em)" ,
"-moz-calc(2em - (5em - 3em))" ,
"-moz-calc(2em + (5em - 3em))" ,
"-moz-calc(2em - (5em + 3em))" ,
"-moz-calc(2em + (5em + 3em))" ,
"-moz-calc(2em + 5em - 3em)" ,
"-moz-calc(2em - 5em - 3em)" ,
"-moz-calc(2em + 5em + 3em)" ,
"-moz-calc(2em - 5em + 3em)" ,
"-moz-calc(2em / 4 * 3)" ,
"-moz-calc(2em * 4 / 3)" ,
"-moz-calc(2em * 4 * 3)" ,
"-moz-calc(2em / 4 / 3)" ,
"-moz-calc(4 * 2em / 3)" ,
"-moz-calc(4 / 3 * 2em)" ,
"-moz-calc((2em / 4) * 3)" ,
"-moz-calc((2em * 4) / 3)" ,
"-moz-calc((2em * 4) * 3)" ,
"-moz-calc((2em / 4) / 3)" ,
"-moz-calc((4 * 2em) / 3)" ,
"-moz-calc((4 / 3) * 2em)" ,
"-moz-calc(2em / (4 * 3))" ,
"-moz-calc(2em * (4 / 3))" ,
"-moz-calc(2em * (4 * 3))" ,
"-moz-calc(2em / (4 / 3))" ,
"-moz-calc(4 * (2em / 3))" ,
2010-12-30 09:59:33 -08:00
// Valid cases with unitless zero (which is never
// a length).
"-moz-calc(0 * 2em)" ,
"-moz-calc(2em * 0)" ,
"-moz-calc(3em + 0 * 2em)" ,
"-moz-calc(3em + 2em * 0)" ,
"-moz-calc((0 + 2) * 2em)" ,
"-moz-calc((2 + 0) * 2em)" ,
// And test zero lengths while we're here.
"-moz-calc(2 * 0px)" ,
"-moz-calc(0 * 0px)" ,
"-moz-calc(2 * 0em)" ,
"-moz-calc(0 * 0em)" ,
"-moz-calc(0px * 0)" ,
"-moz-calc(0px * 2)" ,
2012-07-13 15:06:50 -07:00
/* valid calc() values */
"calc(-2px)" ,
"calc(2px)" ,
"calc(3em)" ,
"calc(3em + 2px)" ,
"calc( 3em + 2px)" ,
"calc(3em + 2px )" ,
"calc( 3em + 2px )" ,
"calc(3*25px)" ,
"calc(3 *25px)" ,
"calc(3 * 25px)" ,
"calc(3* 25px)" ,
"calc(25px*3)" ,
"calc(25px *3)" ,
"calc(25px* 3)" ,
"calc(25px * 3)" ,
"calc(25px * 3 / 4)" ,
"calc((25px * 3) / 4)" ,
"calc(25px * (3 / 4))" ,
"calc(3 * 25px / 4)" ,
"calc((3 * 25px) / 4)" ,
"calc(3 * (25px / 4))" ,
"calc(3em + 25px * 3 / 4)" ,
"calc(3em + (25px * 3) / 4)" ,
"calc(3em + 25px * (3 / 4))" ,
"calc(25px * 3 / 4 + 3em)" ,
"calc((25px * 3) / 4 + 3em)" ,
"calc(25px * (3 / 4) + 3em)" ,
"calc(3em + (25px * 3 / 4))" ,
"calc(3em + ((25px * 3) / 4))" ,
"calc(3em + (25px * (3 / 4)))" ,
"calc((25px * 3 / 4) + 3em)" ,
"calc(((25px * 3) / 4) + 3em)" ,
"calc((25px * (3 / 4)) + 3em)" ,
"calc(3*25px + 1in)" ,
"calc(1in - 3em + 2px)" ,
"calc(1in - (3em + 2px))" ,
"calc((1in - 3em) + 2px)" ,
"calc(50px/2)" ,
"calc(50px/(2 - 1))" ,
"calc(-3px)" ,
/* numeric reduction cases */
"calc(5 * 3 * 2em)" ,
"calc(2em * 5 * 3)" ,
"calc((5 * 3) * 2em)" ,
"calc(2em * (5 * 3))" ,
"calc((5 + 3) * 2em)" ,
"calc(2em * (5 + 3))" ,
"calc(2em / (5 + 3))" ,
"calc(2em * (5*2 + 3))" ,
"calc(2em * ((5*2) + 3))" ,
"calc(2em * (5*(2 + 3)))" ,
"calc((5 + 7) * 3em)" ,
"calc((5em + 3em) - 2em)" ,
"calc((5em - 3em) + 2em)" ,
"calc(2em - (5em - 3em))" ,
"calc(2em + (5em - 3em))" ,
"calc(2em - (5em + 3em))" ,
"calc(2em + (5em + 3em))" ,
"calc(2em + 5em - 3em)" ,
"calc(2em - 5em - 3em)" ,
"calc(2em + 5em + 3em)" ,
"calc(2em - 5em + 3em)" ,
"calc(2em / 4 * 3)" ,
"calc(2em * 4 / 3)" ,
"calc(2em * 4 * 3)" ,
"calc(2em / 4 / 3)" ,
"calc(4 * 2em / 3)" ,
"calc(4 / 3 * 2em)" ,
"calc((2em / 4) * 3)" ,
"calc((2em * 4) / 3)" ,
"calc((2em * 4) * 3)" ,
"calc((2em / 4) / 3)" ,
"calc((4 * 2em) / 3)" ,
"calc((4 / 3) * 2em)" ,
"calc(2em / (4 * 3))" ,
"calc(2em * (4 / 3))" ,
"calc(2em * (4 * 3))" ,
"calc(2em / (4 / 3))" ,
"calc(4 * (2em / 3))" ,
// Valid cases with unitless zero (which is never
// a length).
"calc(0 * 2em)" ,
"calc(2em * 0)" ,
"calc(3em + 0 * 2em)" ,
"calc(3em + 2em * 0)" ,
"calc((0 + 2) * 2em)" ,
"calc((2 + 0) * 2em)" ,
// And test zero lengths while we're here.
"calc(2 * 0px)" ,
"calc(0 * 0px)" ,
"calc(2 * 0em)" ,
"calc(0 * 0em)" ,
"calc(0px * 0)" ,
"calc(0px * 2)" ,
2010-05-11 08:49:43 -07:00
] ,
invalid _values : [ "20" , "-1px" , "red" , "50%" ,
2012-07-13 15:06:50 -07:00
/* invalid -moz-calc() values */
2010-05-11 08:49:43 -07:00
"-moz-calc(2em+ 2px)" ,
"-moz-calc(2em +2px)" ,
"-moz-calc(2em+2px)" ,
"-moz-calc(2em- 2px)" ,
"-moz-calc(2em -2px)" ,
"-moz-calc(2em-2px)" ,
2012-07-13 15:06:50 -07:00
/* invalid calc() values */
"calc(2em+ 2px)" ,
"calc(2em +2px)" ,
"calc(2em+2px)" ,
"calc(2em- 2px)" ,
"calc(2em -2px)" ,
"calc(2em-2px)" ,
2010-05-11 08:49:43 -07:00
"-moz-min()" ,
2012-07-13 15:06:50 -07:00
"calc(min())" ,
2010-05-11 08:49:43 -07:00
"-moz-max()" ,
2012-07-13 15:06:50 -07:00
"calc(max())" ,
2010-09-11 09:27:12 -07:00
"-moz-min(5px)" ,
2012-07-13 15:06:50 -07:00
"calc(min(5px))" ,
2010-09-11 09:27:12 -07:00
"-moz-max(5px)" ,
2012-07-13 15:06:50 -07:00
"calc(max(5px))" ,
2010-09-11 09:27:12 -07:00
"-moz-min(5px,2em)" ,
2012-07-13 15:06:50 -07:00
"calc(min(5px,2em))" ,
2010-09-11 09:27:12 -07:00
"-moz-max(5px,2em)" ,
2012-07-13 15:06:50 -07:00
"calc(max(5px,2em))" ,
"calc(50px/(2 - 2))" ,
"calc(5 + 5)" ,
"calc(5 * 5)" ,
"calc(5em * 5em)" ,
"calc(5em / 5em * 5em)" ,
"calc(4 * 3 / 2em)" ,
"calc((4 * 3) / 2em)" ,
"calc(4 * (3 / 2em))" ,
"calc(4 / (3 * 2em))" ,
2010-12-30 09:59:33 -08:00
// Tests for handling of unitless zero, which cannot
// be a length inside calc().
2012-07-13 15:06:50 -07:00
"calc(0)" ,
"calc(0 + 2em)" ,
"calc(2em + 0)" ,
"calc(0 * 2)" ,
"calc(2 * 0)" ,
"calc(1 * (2em + 0))" ,
"calc((2em + 0))" ,
"calc((2em + 0) * 1)" ,
"calc(1 * (0 + 2em))" ,
"calc((0 + 2em))" ,
"calc((0 + 2em) * 1)" ,
2010-05-11 08:49:43 -07:00
]
2008-07-19 03:38:25 -07:00
} ,
"-moz-column-rule-style" : {
domProp : "MozColumnRuleStyle" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "solid" , "hidden" , "ridge" , "groove" , "inset" , "outset" , "double" , "dotted" , "dashed" ] ,
invalid _values : [ "20" , "foo" ]
} ,
"-moz-column-rule-color" : {
domProp : "MozColumnRuleColor" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
prerequisites : { "color" : "green" } ,
2011-03-05 09:58:33 -08:00
initial _values : [ "currentColor" , "-moz-use-text-color" ] ,
2008-07-19 03:38:25 -07:00
other _values : [ "red" , "blue" , "#ffff00" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "ffff00" ]
2008-07-19 03:38:25 -07:00
} ,
2010-05-11 08:49:43 -07:00
"-moz-column-width" : {
domProp : "MozColumnWidth" ,
2008-07-19 03:38:25 -07:00
inherited : false ,
2010-05-11 08:49:43 -07:00
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
2010-05-11 08:49:43 -07:00
other _values : [
"15px" ,
2012-07-13 15:06:50 -07:00
"calc(15px)" ,
"calc(30px - 3em)" ,
"calc(-15px)" ,
2010-05-11 08:49:43 -07:00
"0px" ,
2012-07-13 15:06:50 -07:00
"calc(0px)"
2010-05-11 08:49:43 -07:00
] ,
2010-05-11 08:49:43 -07:00
invalid _values : [ "20" , "-1px" , "50%" ]
2008-07-19 03:38:25 -07:00
} ,
2007-04-15 15:27:14 -07:00
"-moz-float-edge" : {
domProp : "MozFloatEdge" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-17 00:56:33 -07:00
initial _values : [ "content-box" ] ,
2008-06-05 16:06:34 -07:00
other _values : [ "margin-box" ] ,
2007-04-17 01:01:22 -07:00
invalid _values : [ "content" , "padding" , "border" , "margin" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-force-broken-image-icon" : {
domProp : "MozForceBrokenImageIcon" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "0" ] ,
other _values : [ "1" ] ,
invalid _values : [ ]
} ,
"-moz-image-region" : {
domProp : "MozImageRegion" ,
2007-04-18 19:49:44 -07:00
inherited : true ,
2007-04-15 15:27:14 -07:00
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
other _values : [ "rect(3px 20px 15px 4px)" , "rect(17px, 21px, 33px, 2px)" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "rect(17px, 21px, 33, 2px)" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-margin-end" : {
domProp : "MozMarginEnd" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-04-15 15:27:14 -07:00
/* no subproperties */
/* auto may or may not be initial */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "0em" , "0ex" , "calc(0pt)" , "calc(0% + 0px)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "3em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-margin-start" : {
domProp : "MozMarginStart" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-04-15 15:27:14 -07:00
/* no subproperties */
/* auto may or may not be initial */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "0em" , "0ex" , "calc(0pt)" , "calc(0% + 0px)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "3em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-outline-radius" : {
domProp : "MozOutlineRadius" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2007-04-15 15:27:14 -07:00
subproperties : [ "-moz-outline-radius-bottomleft" , "-moz-outline-radius-bottomright" , "-moz-outline-radius-topleft" , "-moz-outline-radius-topright" ] ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" , "calc(0px) calc(0pt) calc(0%) calc(0em)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , "3em 2px" , "2pt 3% 4em" , "2px 2px 2px 2px" , // circular
2010-09-09 08:21:45 -07:00
"3% / 2%" , "1px / 4px" , "2em / 1em" , "3em 2px / 2px 3em" , "2pt 3% 4em / 4pt 1% 5em" , "2px 2px 2px 2px / 4px 4px 4px 4px" , "1pt / 2pt 3pt" , "4pt 5pt / 3pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
"2px 2px calc(2px + 1%) 2px" ,
"1px 2px 2px 2px / 2px 2px calc(2px + 1%) 2px" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "2px -2px" , "inherit 2px" , "inherit / 2px" , "2px inherit" , "2px / inherit" , "2px 2px 2px 2px 2px" , "1px / 2px 2px 2px 2px 2px" , "2" , "2 2" , "2px 2px 2px 2px / 2px 2px 2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-outline-radius-bottomleft" : {
domProp : "MozOutlineRadiusBottomleft" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" , "calc(0px)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-outline-radius-bottomright" : {
domProp : "MozOutlineRadiusBottomright" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" , "calc(0px)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-outline-radius-topleft" : {
domProp : "MozOutlineRadiusTopleft" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" , "calc(0px)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-outline-radius-topright" : {
domProp : "MozOutlineRadiusTopright" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
prerequisites : { "width" : "200px" , "height" : "100px" , "display" : "inline-block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(-2px)" , "calc(-1%)" , "calc(0px)" ] ,
2008-09-30 22:52:12 -07:00
other _values : [ "3%" , "1px" , "2em" , // circular
2010-09-09 08:21:45 -07:00
"3% 2%" , "1px 4px" , "2em 2pt" , // elliptical
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(3*25px) 5px" ,
"5px calc(3*25px)" ,
"calc(20%) calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2009-11-02 11:36:43 -08:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-1px" , "4px -2px" , "inherit 2px" , "2px inherit" , "2" , "2px 2" , "2 2px" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-padding-end" : {
domProp : "MozPaddingEnd" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-04-15 15:27:14 -07:00
/* no subproperties */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "0em" , "0ex" , "calc(0pt)" , "calc(0% + 0px)" , "calc(-3px)" , "calc(-1%)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "3em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5" ]
2007-04-15 15:27:14 -07:00
} ,
"-moz-padding-start" : {
domProp : "MozPaddingStart" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-22 12:56:13 -07:00
get _computed : logical _box _prop _get _computed ,
2007-04-15 15:27:14 -07:00
/* no subproperties */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "0em" , "0ex" , "calc(0pt)" , "calc(0% + 0px)" , "calc(-3px)" , "calc(-1%)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "3em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5" ]
2007-04-15 15:27:14 -07:00
} ,
2010-07-05 07:41:04 -07:00
"resize" : {
domProp : "resize" ,
2010-03-19 04:49:33 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
prerequisites : { "display" : "block" , "overflow" : "auto" } ,
initial _values : [ "none" ] ,
other _values : [ "both" , "horizontal" , "vertical" ] ,
invalid _values : [ ]
} ,
2010-05-11 08:49:43 -07:00
"-moz-stack-sizing" : {
domProp : "MozStackSizing" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "stretch-to-fit" ] ,
other _values : [ "ignore" ] ,
invalid _values : [ ]
} ,
2009-09-26 13:23:47 -07:00
"-moz-tab-size" : {
domProp : "MozTabSize" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "8" ] ,
other _values : [ "0" , "3" , "99" , "12000" ] ,
invalid _values : [ "-1" , "-808" , "3.0" , "17.5" ]
} ,
2011-11-23 18:48:23 -08:00
"-moz-text-size-adjust" : {
domProp : "MozTextSizeAdjust" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
other _values : [ "none" ] ,
invalid _values : [ "-5%" , "0" , "100" , "0%" , "50%" , "100%" , "220.3%" ]
} ,
2012-07-01 23:23:54 -07:00
"transform" : {
domProp : "transform" ,
2008-09-13 02:42:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-07-02 21:18:56 -07:00
prerequisites : { "width" : "300px" , "height" : "50px" } ,
2008-09-13 02:42:11 -07:00
initial _values : [ "none" ] ,
2012-02-13 08:29:30 -08:00
other _values : [ "translatex(1px)" , "translatex(4em)" ,
"translatex(-4px)" , "translatex(3px)" ,
"translatex(0px) translatex(1px) translatex(2px) translatex(3px) translatex(4px)" ,
"translatey(4em)" , "translate(3px)" , "translate(10px, -3px)" ,
"rotate(45deg)" , "rotate(45grad)" , "rotate(45rad)" ,
"rotate(0.25turn)" , "rotate(0)" , "scalex(10)" , "scaley(10)" ,
"scale(10)" , "scale(10, 20)" , "skewx(30deg)" , "skewx(0)" ,
"skewy(0)" , "skewx(30grad)" , "skewx(30rad)" , "skewx(0.08turn)" ,
"skewy(30deg)" , "skewy(30grad)" , "skewy(30rad)" , "skewy(0.08turn)" ,
"rotate(45deg) scale(2, 1)" , "skewx(45deg) skewx(-50grad)" ,
"translate(0, 0) scale(1, 1) skewx(0) skewy(0) matrix(1, 0, 0, 1, 0, 0)" ,
"translatex(50%)" , "translatey(50%)" , "translate(50%)" ,
"translate(3%, 5px)" , "translate(5px, 3%)" ,
"matrix(1, 2, 3, 4, 5, 6)" ,
2010-07-02 21:18:56 -07:00
/* valid calc() values */
2012-07-13 15:06:50 -07:00
"translatex(calc(5px + 10%))" ,
"translatey(calc(0.25 * 5px + 10% / 3))" ,
"translate(calc(5px - 10% * 3))" ,
"translate(calc(5px - 3 * 10%), 50px)" ,
"translate(-50px, calc(5px - 10% * 3))" ,
2011-08-30 19:03:47 -07:00
] . concat ( SpecialPowers . getBoolPref ( "layout.3d-transforms.enabled" ) ? [
2012-02-13 08:29:30 -08:00
"translatez(1px)" , "translatez(4em)" , "translatez(-4px)" ,
"translatez(0px)" , "translatez(2px) translatez(5px)" ,
"translate3d(3px, 4px, 5px)" , "translate3d(2em, 3px, 1em)" ,
"translatex(2px) translate3d(4px, 5px, 6px) translatey(1px)" ,
"scale3d(4, 4, 4)" , "scale3d(-2, 3, -7)" , "scalez(4)" ,
"scalez(-6)" , "rotate3d(2, 3, 4, 45deg)" ,
"rotate3d(-3, 7, 0, 12rad)" , "rotatex(15deg)" , "rotatey(-12grad)" ,
"rotatez(72rad)" , "rotatex(0.125turn)" , "perspective(1000px)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16)" ,
2011-08-30 19:03:47 -07:00
] : [ ] ) ,
2012-02-13 08:29:30 -08:00
invalid _values : [ "1px" , "#0000ff" , "red" , "auto" ,
2012-07-16 06:11:33 -07:00
"translatex(1)" , "translatey(1)" , "translate(2)" ,
"translate(-3, -4)" ,
2012-02-13 08:29:30 -08:00
"translatex(1px 1px)" , "translatex(translatex(1px))" ,
"translatex(#0000ff)" , "translatex(red)" , "translatey()" ,
"matrix(1px, 2px, 3px, 4px, 5px, 6px)" , "scale(150%)" ,
"skewx(red)" , "matrix(1%, 0, 0, 0, 0px, 0px)" ,
"matrix(0, 1%, 2, 3, 4px,5px)" , "matrix(0, 1, 2%, 3, 4px, 5px)" ,
"matrix(0, 1, 2, 3%, 4%, 5%)" , "matrix(1, 2, 3, 4, 5px, 6%)" ,
"matrix(1, 2, 3, 4, 5%, 6px)" , "matrix(1, 2, 3, 4, 5%, 6%)" ,
"matrix(1, 2, 3, 4, 5px, 6em)" ,
2010-09-11 09:27:12 -07:00
/* invalid calc() values */
2010-07-02 21:18:56 -07:00
"translatey(-moz-min(5px,10%))" ,
"translatex(-moz-max(5px,10%))" ,
2012-07-13 15:06:50 -07:00
"translate(10px, calc(min(5px,10%)))" ,
"translate(calc(max(5px,10%)), 10%)" ,
2012-07-30 06:48:02 -07:00
"matrix(1, 0, 0, 1, max(5px * 3), calc(10% - 3px))"
2011-08-30 19:03:47 -07:00
] . concat ( SpecialPowers . getBoolPref ( "layout.3d-transforms.enabled" ) ? [
2012-02-13 08:29:30 -08:00
"perspective(0px)" , "perspective(-10px)" , "matrix3d(dinosaur)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15%, 16)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16px)" ,
"rotatey(words)" , "rotatex(7)" , "translate3d(3px, 4px, 1px, 7px)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13px, 14em, 15px, 16)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 20%, 10%, 15, 16)"
2011-08-30 19:03:47 -07:00
] : [ ] )
2008-09-13 02:42:11 -07:00
} ,
2012-07-01 23:23:54 -07:00
"transform-origin" : {
domProp : "transformOrigin" ,
2008-09-13 02:42:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
/* no subproperties */
prerequisites : { "width" : "10px" , "height" : "10px" , "display" : "block" } ,
initial _values : [ "50% 50%" , "center" , "center center" ] ,
2012-02-07 12:40:02 -08:00
other _values : [ "25% 25%" , "6px 5px" , "20% 3em" , "0 0" , "0in 1in" ,
2008-09-13 02:42:11 -07:00
"top" , "bottom" , "top left" , "top right" ,
"top center" , "center left" , "center right" ,
"bottom left" , "bottom right" , "bottom center" ,
2012-02-07 12:40:02 -08:00
"20% center" , "6px center" , "13in bottom" ,
2010-09-15 08:11:26 -07:00
"left 50px" , "right 13%" , "center 40px" ,
2012-07-13 15:06:50 -07:00
"calc(20px)" ,
"calc(20px) 10px" ,
"10px calc(20px)" ,
"calc(20px) 25%" ,
"25% calc(20px)" ,
"calc(20px) calc(20px)" ,
"calc(20px + 1em) calc(20px / 2)" ,
"calc(20px + 50%) calc(50% - 10px)" ,
"calc(-20px) calc(-50%)" ,
"calc(-20%) calc(-50%)"
2012-08-29 18:27:01 -07:00
] . concat ( SpecialPowers . getBoolPref ( "layout.3d-transforms.enabled" ) ? [
"6px 5px 5px" ,
"top center 10px"
] : [ ] ) ,
2008-09-13 02:42:11 -07:00
invalid _values : [ "red" , "auto" , "none" , "0.5 0.5" , "40px #0000ff" ,
"border" , "center red" , "right diagonal" ,
"#00ffff bottom" ]
} ,
2012-09-18 11:37:14 -07:00
"perspective-origin" : {
domProp : "perspectiveOrigin" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
/* no subproperties */
prerequisites : { "width" : "10px" , "height" : "10px" , "display" : "block" } ,
initial _values : [ "50% 50%" , "center" , "center center" ] ,
other _values : [ "25% 25%" , "6px 5px" , "20% 3em" , "0 0" , "0in 1in" ,
"top" , "bottom" , "top left" , "top right" ,
"top center" , "center left" , "center right" ,
"bottom left" , "bottom right" , "bottom center" ,
"20% center" , "6px center" , "13in bottom" ,
"left 50px" , "right 13%" , "center 40px" ,
"calc(20px)" ,
"calc(20px) 10px" ,
"10px calc(20px)" ,
"calc(20px) 25%" ,
"25% calc(20px)" ,
"calc(20px) calc(20px)" ,
"calc(20px + 1em) calc(20px / 2)" ,
"calc(20px + 50%) calc(50% - 10px)" ,
"calc(-20px) calc(-50%)" ,
"calc(-20%) calc(-50%)" ] ,
invalid _values : [ "red" , "auto" , "none" , "0.5 0.5" , "40px #0000ff" ,
"border" , "center red" , "right diagonal" ,
"#00ffff bottom" ]
} ,
"perspective" : {
2012-07-01 23:23:54 -07:00
domProp : "perspective" ,
2011-09-29 18:39:40 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2012-02-07 11:43:28 -08:00
initial _values : [ "none" ] ,
other _values : [ "1000px" , "500.2px" ] ,
invalid _values : [ "pants" , "200" , "0" , "-100px" , "-27.2em" ]
2011-09-29 18:39:40 -07:00
} ,
2012-09-18 11:37:14 -07:00
"backface-visibility" : {
domProp : "backfaceVisibility" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "visible" ] ,
other _values : [ "hidden" ] ,
invalid _values : [ "collapse" ]
} ,
2012-07-01 23:23:54 -07:00
"transform-style" : {
domProp : "transformStyle" ,
2011-09-29 18:39:40 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "flat" ] ,
other _values : [ "preserve-3d" ] ,
invalid _values : [ ]
} ,
2007-04-15 15:27:14 -07:00
"-moz-user-focus" : {
domProp : "MozUserFocus" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "normal" , "ignore" , "select-all" , "select-before" , "select-after" , "select-same" , "select-menu" ] ,
invalid _values : [ ]
} ,
"-moz-user-input" : {
domProp : "MozUserInput" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
other _values : [ "none" , "enabled" , "disabled" ] ,
invalid _values : [ ]
} ,
"-moz-user-modify" : {
domProp : "MozUserModify" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "read-only" ] ,
other _values : [ "read-write" , "write-only" ] ,
invalid _values : [ ]
} ,
"-moz-user-select" : {
domProp : "MozUserSelect" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
other _values : [ "none" , "text" , "element" , "elements" , "all" , "toggle" , "tri-state" , "-moz-all" , "-moz-none" ] ,
invalid _values : [ ]
} ,
2008-10-14 07:44:25 -07:00
"-moz-window-shadow" : {
domProp : "MozWindowShadow" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "default" ] ,
2009-12-30 07:24:08 -08:00
other _values : [ "none" , "menu" , "tooltip" , "sheet" ] ,
2008-10-14 07:44:25 -07:00
invalid _values : [ ]
} ,
2007-04-15 15:27:14 -07:00
"background" : {
domProp : "background" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
2010-06-08 18:44:33 -07:00
subproperties : [ "background-attachment" , "background-color" , "background-image" , "background-position" , "background-repeat" , "background-clip" , "background-origin" , "background-size" ] ,
2012-09-16 17:20:15 -07:00
initial _values : [ "transparent" , "none" , "repeat" , "scroll" , "0% 0%" , "top left" , "left top" , "0% 0% / auto" , "top left / auto" , "left top / auto" , "0% 0% / auto auto" ,
"transparent none" , "top left none" , "left top none" , "none left top" , "none top left" , "none 0% 0%" , "left top / auto none" , "left top / auto auto none" ,
"transparent none repeat scroll top left" , "left top repeat none scroll transparent" , "transparent none repeat scroll top left / auto" , "left top / auto repeat none scroll transparent" , "none repeat scroll 0% 0% / auto auto transparent" ] ,
2009-02-19 21:29:21 -08:00
other _values : [
2009-11-02 11:36:43 -08:00
/* without multiple backgrounds */
"green" ,
"none green repeat scroll left top" ,
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==)" ,
"repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==') transparent left top scroll" ,
"repeat-x" ,
"repeat-y" ,
"no-repeat" ,
"none repeat-y transparent scroll 0% 0%" ,
"fixed" ,
"0% top transparent fixed repeat none" ,
"top" ,
"left" ,
"50% 50%" ,
"center" ,
2012-09-16 17:20:15 -07:00
"top / 100px" ,
"left / contain" ,
"left / cover" ,
"10px / 10%" ,
"10em / calc(20px)" ,
"top left / 100px 100px" ,
"top left / 100px auto" ,
"top left / 100px 10%" ,
"top left / 100px calc(20px)" ,
2009-11-02 11:36:43 -08:00
"bottom right scroll none transparent repeat" ,
"50% transparent" ,
"transparent 50%" ,
"50%" ,
"-moz-radial-gradient(10% bottom, #ffffff, black) scroll no-repeat" ,
"-moz-linear-gradient(10px 10px -45deg, red, blue) repeat" ,
2012-02-03 21:01:23 -08:00
"-moz-linear-gradient(10px 10px -0.125turn, red, blue) repeat" ,
2009-11-02 11:36:43 -08:00
"-moz-repeating-radial-gradient(10% bottom, #ffffff, black) scroll no-repeat" ,
"-moz-repeating-linear-gradient(10px 10px -45deg, red, blue) repeat" ,
2010-08-13 06:33:37 -07:00
"-moz-element(#test) lime" ,
2009-11-02 11:36:43 -08:00
/* multiple backgrounds */
"url(404.png), url(404.png)" ,
"url(404.png), url(404.png) transparent" ,
"url(404.png), url(404.png) red" ,
"repeat-x, fixed, none" ,
"0% top url(404.png), url(404.png) 0% top" ,
"fixed repeat-y top left url(404.png), repeat-x green" ,
2010-08-13 06:33:37 -07:00
"url(404.png), -moz-linear-gradient(20px 20px -45deg, blue, green), -moz-element(#a) black" ,
2012-09-16 17:20:15 -07:00
"top left / contain, bottom right / cover" ,
2009-11-02 11:36:43 -08:00
/* test cases with clip+origin in the shorthand */
"url(404.png) green padding-box" ,
"url(404.png) border-box transparent" ,
"content-box url(404.png) blue" ,
2009-02-19 21:29:21 -08:00
] ,
2009-11-02 11:36:43 -08:00
invalid _values : [
/* mixes with keywords have to be in correct order */
"50% left" , "top 50%" ,
2012-07-16 06:11:33 -07:00
/* no quirks mode colors */
"-moz-radial-gradient(10% bottom, ffffff, black) scroll no-repeat" ,
2012-07-16 06:11:33 -07:00
/* no quirks mode lengths */
"-moz-linear-gradient(10 10px -45deg, red, blue) repeat" ,
"-moz-linear-gradient(10px 10 -45deg, red, blue) repeat" ,
"linear-gradient(red -99, yellow, green, blue 120%)" ,
2009-11-02 11:36:43 -08:00
/* bug 258080: don't accept background-position separated */
"left url(404.png) top" , "top url(404.png) left" ,
/* not allowed to have color in non-bottom layer */
"url(404.png) transparent, url(404.png)" ,
"url(404.png) red, url(404.png)" ,
"url(404.png) transparent, url(404.png) transparent" ,
"url(404.png) transparent red, url(404.png) transparent red" ,
"url(404.png) red, url(404.png) red" ,
"url(404.png) rgba(0, 0, 0, 0), url(404.png)" ,
"url(404.png) rgb(255, 0, 0), url(404.png)" ,
"url(404.png) rgba(0, 0, 0, 0), url(404.png) rgba(0, 0, 0, 0)" ,
"url(404.png) rgba(0, 0, 0, 0) rgb(255, 0, 0), url(404.png) rgba(0, 0, 0, 0) rgb(255, 0, 0)" ,
"url(404.png) rgb(255, 0, 0), url(404.png) rgb(255, 0, 0)" ,
/* bug 513395: old syntax for gradients */
"-moz-radial-gradient(10% bottom, 30px, 20px 20px, 10px, from(#ffffff), to(black)) scroll no-repeat" ,
"-moz-linear-gradient(10px 10px, 20px 20px, from(red), to(blue)) repeat" ,
]
2007-04-15 15:27:14 -07:00
} ,
"background-attachment" : {
domProp : "backgroundAttachment" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "scroll" ] ,
2009-02-19 21:29:21 -08:00
other _values : [ "fixed" , "scroll,scroll" , "fixed, scroll" , "scroll, fixed, scroll" , "fixed, fixed" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
2010-06-08 18:44:33 -07:00
"background-clip" : {
/ *
* When we rename this to 'background-clip' , we also
* need to rename the values to match the spec .
* /
domProp : "backgroundClip" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "border-box" ] ,
other _values : [ "content-box" , "padding-box" , "border-box, padding-box" , "padding-box, padding-box, padding-box" , "border-box, border-box" ] ,
invalid _values : [ "margin-box" , "border-box border-box" ]
} ,
2007-04-15 15:27:14 -07:00
"background-color" : {
domProp : "backgroundColor" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2009-06-16 08:00:20 -07:00
initial _values : [ "transparent" , "rgba(255, 127, 15, 0)" , "hsla(240, 97%, 50%, 0.0)" , "rgba(0, 0, 0, 0)" , "rgba(255,255,255,-3.7)" ] ,
other _values : [ "green" , "rgb(255, 0, 128)" , "#fc2" , "#96ed2a" , "black" , "rgba(255,255,0,3)" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" , "rgb(255.0,0.387,3489)" ] ,
quirks _values : { "000000" : "#000000" , "96ed2a" : "#96ed2a" } ,
2007-04-15 15:27:14 -07:00
} ,
"background-image" : {
domProp : "backgroundImage" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2009-11-02 11:36:43 -08:00
other _values : [
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==)" , "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==')" , 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' ,
"none, none" ,
"none, none, none, none, none" ,
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==), none" ,
"none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==), none" ,
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==)" ,
2010-08-13 06:33:37 -07:00
"-moz-element(#a)" ,
"-moz-element( #a )" ,
"-moz-element(#a-1)" ,
"-moz-element(#a\\:1)" ,
2009-11-02 11:36:43 -08:00
/* gradient torture test */
2012-07-07 07:27:10 -07:00
"linear-gradient(red, blue)" ,
"linear-gradient(red, yellow, blue)" ,
"linear-gradient(red 1px, yellow 20%, blue 24em, green)" ,
"linear-gradient(red, yellow, green, blue 50%)" ,
"linear-gradient(red -50%, yellow -25%, green, blue)" ,
"linear-gradient(red -99px, yellow, green, blue 120%)" ,
"linear-gradient(#ffff00, #ef3, rgba(10, 20, 30, 0.4))" ,
"linear-gradient(rgba(10, 20, 30, 0.4), #ffff00, #ef3)" ,
"linear-gradient(to top, red, blue)" ,
"linear-gradient(to bottom, red, blue)" ,
"linear-gradient(to left, red, blue)" ,
"linear-gradient(to right, red, blue)" ,
"linear-gradient(to top left, red, blue)" ,
"linear-gradient(to top right, red, blue)" ,
"linear-gradient(to bottom left, red, blue)" ,
"linear-gradient(to bottom right, red, blue)" ,
"linear-gradient(to left top, red, blue)" ,
"linear-gradient(to left bottom, red, blue)" ,
"linear-gradient(to right top, red, blue)" ,
"linear-gradient(to right bottom, red, blue)" ,
"linear-gradient(-33deg, red, blue)" ,
"linear-gradient(30grad, red, blue)" ,
"linear-gradient(10deg, red, blue)" ,
"linear-gradient(1turn, red, blue)" ,
"linear-gradient(.414rad, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-linear-gradient(red, blue)" ,
"-moz-linear-gradient(red, yellow, blue)" ,
"-moz-linear-gradient(red 1px, yellow 20%, blue 24em, green)" ,
"-moz-linear-gradient(red, yellow, green, blue 50%)" ,
"-moz-linear-gradient(red -50%, yellow -25%, green, blue)" ,
"-moz-linear-gradient(red -99px, yellow, green, blue 120%)" ,
"-moz-linear-gradient(#ffff00, #ef3, rgba(10, 20, 30, 0.4))" ,
"-moz-linear-gradient(rgba(10, 20, 30, 0.4), #ffff00, #ef3)" ,
2011-10-22 12:41:11 -07:00
"-moz-linear-gradient(to top, red, blue)" ,
"-moz-linear-gradient(to bottom, red, blue)" ,
"-moz-linear-gradient(to left, red, blue)" ,
"-moz-linear-gradient(to right, red, blue)" ,
"-moz-linear-gradient(to top left, red, blue)" ,
"-moz-linear-gradient(to top right, red, blue)" ,
"-moz-linear-gradient(to bottom left, red, blue)" ,
"-moz-linear-gradient(to bottom right, red, blue)" ,
"-moz-linear-gradient(to left top, red, blue)" ,
"-moz-linear-gradient(to left bottom, red, blue)" ,
"-moz-linear-gradient(to right top, red, blue)" ,
"-moz-linear-gradient(to right bottom, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-linear-gradient(top left, red, blue)" ,
"-moz-linear-gradient(0 0, red, blue)" ,
"-moz-linear-gradient(20% bottom, red, blue)" ,
"-moz-linear-gradient(center 20%, red, blue)" ,
"-moz-linear-gradient(left 35px, red, blue)" ,
"-moz-linear-gradient(10% 10em, red, blue)" ,
"-moz-linear-gradient(44px top, red, blue)" ,
"-moz-linear-gradient(top left 45deg, red, blue)" ,
"-moz-linear-gradient(20% bottom -300deg, red, blue)" ,
"-moz-linear-gradient(center 20% 1.95929rad, red, blue)" ,
"-moz-linear-gradient(left 35px 30grad, red, blue)" ,
2012-02-03 21:01:23 -08:00
"-moz-linear-gradient(left 35px 0.1turn, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-linear-gradient(10% 10em 99999deg, red, blue)" ,
"-moz-linear-gradient(44px top -33deg, red, blue)" ,
"-moz-linear-gradient(-33deg, red, blue)" ,
"-moz-linear-gradient(30grad left 35px, red, blue)" ,
"-moz-linear-gradient(10deg 20px, red, blue)" ,
2012-02-03 21:01:23 -08:00
"-moz-linear-gradient(1turn 20px, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-linear-gradient(.414rad bottom, red, blue)" ,
2012-10-03 22:31:56 -07:00
"-moz-linear-gradient(blue calc(0px) ,green calc(25%) ,red calc(40px) ,blue calc(60px) , yellow calc(100px))" ,
"-moz-linear-gradient(-33deg, blue calc(-25%) ,red 40px)" ,
"-moz-linear-gradient(10deg, blue calc(100px + -25%),red calc(40px))" ,
"-moz-linear-gradient(10deg, blue calc(-25px),red calc(100%))" ,
"-moz-linear-gradient(.414rad, blue calc(100px + -25px) ,green calc(100px + -25px) ,red calc(100px + -25%) ,blue calc(-25px) , yellow calc(-25px))" ,
"-moz-linear-gradient(1turn, blue calc(-25%) ,green calc(25px) ,red calc(25%),blue calc(0px),white 50px, yellow calc(-25px))" ,
2012-07-07 07:27:10 -07:00
"radial-gradient(red, blue)" ,
"radial-gradient(red, yellow, blue)" ,
"radial-gradient(red 1px, yellow 20%, blue 24em, green)" ,
"radial-gradient(red, yellow, green, blue 50%)" ,
"radial-gradient(red -50%, yellow -25%, green, blue)" ,
"radial-gradient(red -99px, yellow, green, blue 120%)" ,
"radial-gradient(#ffff00, #ef3, rgba(10, 20, 30, 0.4))" ,
"radial-gradient(0 0, red, blue)" ,
"radial-gradient(rgba(10, 20, 30, 0.4), #ffff00, #ef3)" ,
"radial-gradient(at top left, red, blue)" ,
"radial-gradient(at 20% bottom, red, blue)" ,
"radial-gradient(at center 20%, red, blue)" ,
"radial-gradient(at left 35px, red, blue)" ,
"radial-gradient(at 10% 10em, red, blue)" ,
"radial-gradient(at 44px top, red, blue)" ,
"radial-gradient(at 0 0, red, blue)" ,
"radial-gradient(farthest-corner, red, blue)" ,
"radial-gradient(circle, red, blue)" ,
"radial-gradient(ellipse closest-corner, red, blue)" ,
"radial-gradient(closest-corner ellipse, red, blue)" ,
"radial-gradient(43px, red, blue)" ,
"radial-gradient(43px 43px, red, blue)" ,
"radial-gradient(50% 50%, red, blue)" ,
"radial-gradient(43px 50%, red, blue)" ,
"radial-gradient(50% 43px, red, blue)" ,
"radial-gradient(circle 43px, red, blue)" ,
"radial-gradient(ellipse 43px 43px, red, blue)" ,
"radial-gradient(ellipse 50% 50%, red, blue)" ,
"radial-gradient(ellipse 43px 50%, red, blue)" ,
"radial-gradient(ellipse 50% 43px, red, blue)" ,
"radial-gradient(farthest-corner at top left, red, blue)" ,
"radial-gradient(ellipse closest-corner at 45px, red, blue)" ,
"radial-gradient(circle farthest-side at 45px, red, blue)" ,
"radial-gradient(closest-side ellipse at 50%, red, blue)" ,
"radial-gradient(farthest-corner circle at 4em, red, blue)" ,
"radial-gradient(30% 40% at top left, red, blue)" ,
"radial-gradient(50px 60px at 15% 20%, red, blue)" ,
"radial-gradient(7em 8em at 45px, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-radial-gradient(red, blue)" ,
"-moz-radial-gradient(red, yellow, blue)" ,
"-moz-radial-gradient(red 1px, yellow 20%, blue 24em, green)" ,
"-moz-radial-gradient(red, yellow, green, blue 50%)" ,
"-moz-radial-gradient(red -50%, yellow -25%, green, blue)" ,
"-moz-radial-gradient(red -99px, yellow, green, blue 120%)" ,
"-moz-radial-gradient(#ffff00, #ef3, rgba(10, 20, 30, 0.4))" ,
"-moz-radial-gradient(top left, red, blue)" ,
"-moz-radial-gradient(20% bottom, red, blue)" ,
"-moz-radial-gradient(center 20%, red, blue)" ,
"-moz-radial-gradient(left 35px, red, blue)" ,
"-moz-radial-gradient(10% 10em, red, blue)" ,
"-moz-radial-gradient(44px top, red, blue)" ,
"-moz-radial-gradient(top left 45deg, red, blue)" ,
"-moz-radial-gradient(0 0, red, blue)" ,
"-moz-radial-gradient(20% bottom -300deg, red, blue)" ,
"-moz-radial-gradient(center 20% 1.95929rad, red, blue)" ,
"-moz-radial-gradient(left 35px 30grad, red, blue)" ,
"-moz-radial-gradient(10% 10em 99999deg, red, blue)" ,
"-moz-radial-gradient(44px top -33deg, red, blue)" ,
"-moz-radial-gradient(rgba(10, 20, 30, 0.4), #ffff00, #ef3)" ,
"-moz-radial-gradient(-33deg, red, blue)" ,
"-moz-radial-gradient(30grad left 35px, red, blue)" ,
"-moz-radial-gradient(10deg 20px, red, blue)" ,
"-moz-radial-gradient(.414rad bottom, red, blue)" ,
"-moz-radial-gradient(cover, red, blue)" ,
"-moz-radial-gradient(circle, red, blue)" ,
"-moz-radial-gradient(ellipse closest-corner, red, blue)" ,
"-moz-radial-gradient(farthest-side circle, red, blue)" ,
"-moz-radial-gradient(top left, cover, red, blue)" ,
"-moz-radial-gradient(15% 20%, circle, red, blue)" ,
"-moz-radial-gradient(45px, ellipse closest-corner, red, blue)" ,
"-moz-radial-gradient(45px, farthest-side circle, red, blue)" ,
"-moz-radial-gradient(99deg, cover, red, blue)" ,
"-moz-radial-gradient(-1.2345rad, circle, red, blue)" ,
"-moz-radial-gradient(399grad, ellipse closest-corner, red, blue)" ,
"-moz-radial-gradient(399grad, farthest-side circle, red, blue)" ,
"-moz-radial-gradient(top left 99deg, cover, red, blue)" ,
"-moz-radial-gradient(15% 20% -1.2345rad, circle, red, blue)" ,
"-moz-radial-gradient(45px 399grad, ellipse closest-corner, red, blue)" ,
"-moz-radial-gradient(45px 399grad, farthest-side circle, red, blue)" ,
2009-08-01 08:53:40 -07:00
2009-11-02 11:36:43 -08:00
"-moz-repeating-linear-gradient(red, blue)" ,
"-moz-repeating-linear-gradient(red, yellow, blue)" ,
"-moz-repeating-linear-gradient(red 1px, yellow 20%, blue 24em, green)" ,
"-moz-repeating-linear-gradient(red, yellow, green, blue 50%)" ,
"-moz-repeating-linear-gradient(red -50%, yellow -25%, green, blue)" ,
"-moz-repeating-linear-gradient(red -99px, yellow, green, blue 120%)" ,
"-moz-repeating-linear-gradient(#ffff00, #ef3, rgba(10, 20, 30, 0.4))" ,
"-moz-repeating-linear-gradient(rgba(10, 20, 30, 0.4), #ffff00, #ef3)" ,
2011-10-22 12:41:11 -07:00
"-moz-repeating-linear-gradient(to top, red, blue)" ,
"-moz-repeating-linear-gradient(to bottom, red, blue)" ,
"-moz-repeating-linear-gradient(to left, red, blue)" ,
"-moz-repeating-linear-gradient(to right, red, blue)" ,
"-moz-repeating-linear-gradient(to top left, red, blue)" ,
"-moz-repeating-linear-gradient(to top right, red, blue)" ,
"-moz-repeating-linear-gradient(to bottom left, red, blue)" ,
"-moz-repeating-linear-gradient(to bottom right, red, blue)" ,
"-moz-repeating-linear-gradient(to left top, red, blue)" ,
"-moz-repeating-linear-gradient(to left bottom, red, blue)" ,
"-moz-repeating-linear-gradient(to right top, red, blue)" ,
"-moz-repeating-linear-gradient(to right bottom, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-repeating-linear-gradient(top left, red, blue)" ,
"-moz-repeating-linear-gradient(0 0, red, blue)" ,
"-moz-repeating-linear-gradient(20% bottom, red, blue)" ,
"-moz-repeating-linear-gradient(center 20%, red, blue)" ,
"-moz-repeating-linear-gradient(left 35px, red, blue)" ,
"-moz-repeating-linear-gradient(10% 10em, red, blue)" ,
"-moz-repeating-linear-gradient(44px top, red, blue)" ,
"-moz-repeating-linear-gradient(top left 45deg, red, blue)" ,
"-moz-repeating-linear-gradient(20% bottom -300deg, red, blue)" ,
"-moz-repeating-linear-gradient(center 20% 1.95929rad, red, blue)" ,
"-moz-repeating-linear-gradient(left 35px 30grad, red, blue)" ,
"-moz-repeating-linear-gradient(10% 10em 99999deg, red, blue)" ,
"-moz-repeating-linear-gradient(44px top -33deg, red, blue)" ,
"-moz-repeating-linear-gradient(-33deg, red, blue)" ,
"-moz-repeating-linear-gradient(30grad left 35px, red, blue)" ,
"-moz-repeating-linear-gradient(10deg 20px, red, blue)" ,
"-moz-repeating-linear-gradient(.414rad bottom, red, blue)" ,
"-moz-repeating-radial-gradient(red, blue)" ,
"-moz-repeating-radial-gradient(red, yellow, blue)" ,
"-moz-repeating-radial-gradient(red 1px, yellow 20%, blue 24em, green)" ,
"-moz-repeating-radial-gradient(red, yellow, green, blue 50%)" ,
"-moz-repeating-radial-gradient(red -50%, yellow -25%, green, blue)" ,
"-moz-repeating-radial-gradient(red -99px, yellow, green, blue 120%)" ,
"-moz-repeating-radial-gradient(#ffff00, #ef3, rgba(10, 20, 30, 0.4))" ,
"-moz-repeating-radial-gradient(rgba(10, 20, 30, 0.4), #ffff00, #ef3)" ,
2012-07-07 07:27:10 -07:00
"repeating-radial-gradient(at top left, red, blue)" ,
"repeating-radial-gradient(at 0 0, red, blue)" ,
"repeating-radial-gradient(at 20% bottom, red, blue)" ,
"repeating-radial-gradient(at center 20%, red, blue)" ,
"repeating-radial-gradient(at left 35px, red, blue)" ,
"repeating-radial-gradient(at 10% 10em, red, blue)" ,
"repeating-radial-gradient(at 44px top, red, blue)" ,
"-moz-repeating-radial-gradient(farthest-corner, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-repeating-radial-gradient(circle, red, blue)" ,
"-moz-repeating-radial-gradient(ellipse closest-corner, red, blue)" ,
2012-07-07 07:27:10 -07:00
"repeating-radial-gradient(farthest-corner at top left, red, blue)" ,
"repeating-radial-gradient(closest-corner ellipse at 45px, red, blue)" ,
"repeating-radial-gradient(farthest-side circle at 45px, red, blue)" ,
"repeating-radial-gradient(ellipse closest-side at 50%, red, blue)" ,
"repeating-radial-gradient(circle farthest-corner at 4em, red, blue)" ,
"repeating-radial-gradient(30% 40% at top left, red, blue)" ,
"repeating-radial-gradient(50px 60px at 15% 20%, red, blue)" ,
"repeating-radial-gradient(7em 8em at 45px, red, blue)" ,
2010-08-11 12:32:52 -07:00
"-moz-image-rect(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==), 2, 10, 10, 2)" ,
"-moz-image-rect(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==), 10%, 50%, 30%, 0%)" ,
"-moz-image-rect(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==), 10, 50%, 30%, 0)" ,
2010-09-15 08:11:26 -07:00
2012-07-13 15:06:50 -07:00
"-moz-radial-gradient(calc(25%) top, red, blue)" ,
"-moz-radial-gradient(left calc(25%), red, blue)" ,
"-moz-radial-gradient(calc(25px) top, red, blue)" ,
"-moz-radial-gradient(left calc(25px), red, blue)" ,
"-moz-radial-gradient(calc(-25%) top, red, blue)" ,
"-moz-radial-gradient(left calc(-25%), red, blue)" ,
"-moz-radial-gradient(calc(-25px) top, red, blue)" ,
"-moz-radial-gradient(left calc(-25px), red, blue)" ,
"-moz-radial-gradient(calc(100px + -25%) top, red, blue)" ,
"-moz-radial-gradient(left calc(100px + -25%), red, blue)" ,
"-moz-radial-gradient(calc(100px + -25px) top, red, blue)" ,
"-moz-radial-gradient(left calc(100px + -25px), red, blue)" ,
2009-02-19 21:29:21 -08:00
] ,
2009-11-02 11:36:43 -08:00
invalid _values : [
2010-08-13 06:33:37 -07:00
"-moz-element(#a:1)" ,
"-moz-element(a#a)" ,
"-moz-element(#a a)" ,
"-moz-element(#a+a)" ,
"-moz-element(#a()" ,
2012-07-16 06:11:33 -07:00
/* no quirks mode colors */
"linear-gradient(red, ff00ff)" ,
2012-07-16 06:11:33 -07:00
/* no quirks mode colors */
"-moz-radial-gradient(10% bottom, ffffff, black) scroll no-repeat" ,
/* no quirks mode lengths */
"-moz-linear-gradient(10 10px -45deg, red, blue) repeat" ,
"-moz-linear-gradient(10px 10 -45deg, red, blue) repeat" ,
"linear-gradient(red -99, yellow, green, blue 120%)" ,
2009-11-02 11:36:43 -08:00
/* Old syntax */
"-moz-linear-gradient(10px 10px, 20px, 30px 30px, 40px, from(blue), to(red))" ,
"-moz-radial-gradient(20px 20px, 10px 10px, from(green), to(#ff00ff))" ,
"-moz-radial-gradient(10px 10px, 20%, 40px 40px, 10px, from(green), to(#ff00ff))" ,
"-moz-linear-gradient(10px, 20px, 30px, 40px, color-stop(0.5, #00ccff))" ,
"-moz-linear-gradient(20px 20px, from(blue), to(red))" ,
"-moz-linear-gradient(40px 40px, 10px 10px, from(blue) to(red) color-stop(10%, fuchsia))" ,
"-moz-linear-gradient(20px 20px 30px, 10px 10px, from(red), to(#ff0000))" ,
"-moz-radial-gradient(left top, center, 20px 20px, 10px, from(blue), to(red))" ,
"-moz-linear-gradient(left left, top top, from(blue))" ,
"-moz-linear-gradient(inherit, 10px 10px, from(blue))" ,
/* New syntax */
"-moz-linear-gradient(10px 10px, 20px, 30px 30px, 40px, blue 0, red 100%)" ,
"-moz-radial-gradient(20px 20px, 10px 10px, from(green), to(#ff00ff))" ,
"-moz-radial-gradient(10px 10px, 20%, 40px 40px, 10px, from(green), to(#ff00ff))" ,
"-moz-linear-gradient(10px, 20px, 30px, 40px, #00ccff 50%)" ,
"-moz-linear-gradient(40px 40px, 10px 10px, blue 0 fuchsia 10% red 100%)" ,
"-moz-linear-gradient(20px 20px 30px, 10px 10px, red 0, #ff0000 100%)" ,
"-moz-radial-gradient(left top, center, 20px 20px, 10px, from(blue), to(red))" ,
"-moz-linear-gradient(left left, top top, blue 0)" ,
"-moz-linear-gradient(inherit, 10px 10px, blue 0)" ,
"-moz-linear-gradient(left left blue red)" ,
"-moz-linear-gradient(left left blue, red)" ,
"-moz-linear-gradient()" ,
"-moz-linear-gradient(cover, red, blue)" ,
"-moz-linear-gradient(auto, red, blue)" ,
"-moz-linear-gradient(22 top, red, blue)" ,
"-moz-linear-gradient(10% red blue)" ,
"-moz-linear-gradient(10%, red blue)" ,
"-moz-linear-gradient(10%,, red, blue)" ,
"-moz-linear-gradient(45px, center, red, blue)" ,
"-moz-linear-gradient(45px, center red, blue)" ,
"-moz-radial-gradient(contain, ellipse, red, blue)" ,
"-moz-radial-gradient(10deg contain, red, blue)" ,
"-moz-radial-gradient(10deg, contain,, red, blue)" ,
"-moz-radial-gradient(contain contain, red, blue)" ,
"-moz-radial-gradient(ellipse circle, red, blue)" ,
2012-07-07 07:27:10 -07:00
"-moz-radial-gradient(to top left, red, blue)" ,
"-moz-radial-gradient(center, 10%, red, blue)" ,
"-moz-radial-gradient(5rad, 20px, red, blue)" ,
"-moz-radial-gradient(40%, -100px -10%, red, blue)" ,
"-moz-radial-gradient(at top left to cover, red, blue)" ,
"-moz-radial-gradient(at 15% 20% circle, red, blue)" ,
"-moz-radial-gradient(to cover, red, blue)" ,
"-moz-radial-gradient(to contain, red, blue)" ,
"-moz-radial-gradient(to closest-side circle, red, blue)" ,
"-moz-radial-gradient(to farthest-corner ellipse, red, blue)" ,
"-moz-radial-gradient(ellipse at 45px closest-corner, red, blue)" ,
"-moz-radial-gradient(circle at 45px farthest-side, red, blue)" ,
"-moz-radial-gradient(ellipse 45px, closest-side, red, blue)" ,
"-moz-radial-gradient(circle 45px, farthest-corner, red, blue)" ,
"-moz-radial-gradient(ellipse, ellipse closest-side, red, blue)" ,
"-moz-radial-gradient(circle, circle farthest-corner, red, blue)" ,
"-moz-radial-gradient(99deg to farthest-corner, red, blue)" ,
"-moz-radial-gradient(-1.2345rad circle, red, blue)" ,
"-moz-radial-gradient(ellipse 399grad to closest-corner, red, blue)" ,
"-moz-radial-gradient(circle 399grad to farthest-side, red, blue)" ,
"-moz-radial-gradient(at top left 99deg, to farthest-corner, red, blue)" ,
"-moz-radial-gradient(circle at 15% 20% -1.2345rad, red, blue)" ,
"-moz-radial-gradient(to top left at 30% 40%, red, blue)" ,
"-moz-radial-gradient(ellipse at 45px 399grad, to closest-corner, red, blue)" ,
"-moz-radial-gradient(at 45px 399grad to farthest-side circle, red, blue)" ,
"-moz-radial-gradient(to 50%, red, blue)" ,
"-moz-radial-gradient(circle to 50%, red, blue)" ,
"-moz-radial-gradient(circle to 43px 43px, red, blue)" ,
"-moz-radial-gradient(circle to 50% 50%, red, blue)" ,
"-moz-radial-gradient(circle to 43px 50%, red, blue)" ,
"-moz-radial-gradient(circle to 50% 43px, red, blue)" ,
"-moz-radial-gradient(ellipse to 43px, red, blue)" ,
"-moz-radial-gradient(ellipse to 50%, red, blue)" ,
2009-11-02 11:36:43 -08:00
2011-10-22 12:41:11 -07:00
"-moz-linear-gradient(to 0 0, red, blue)" ,
"-moz-linear-gradient(to 20% bottom, red, blue)" ,
"-moz-linear-gradient(to center 20%, red, blue)" ,
"-moz-linear-gradient(to left 35px, red, blue)" ,
"-moz-linear-gradient(to 10% 10em, red, blue)" ,
"-moz-linear-gradient(to 44px top, red, blue)" ,
"-moz-linear-gradient(to top left 45deg, red, blue)" ,
"-moz-linear-gradient(to 20% bottom -300deg, red, blue)" ,
"-moz-linear-gradient(to center 20% 1.95929rad, red, blue)" ,
"-moz-linear-gradient(to left 35px 30grad, red, blue)" ,
"-moz-linear-gradient(to 10% 10em 99999deg, red, blue)" ,
"-moz-linear-gradient(to 44px top -33deg, red, blue)" ,
"-moz-linear-gradient(to -33deg, red, blue)" ,
"-moz-linear-gradient(to 30grad left 35px, red, blue)" ,
"-moz-linear-gradient(to 10deg 20px, red, blue)" ,
"-moz-linear-gradient(to .414rad bottom, red, blue)" ,
"-moz-linear-gradient(to top top, red, blue)" ,
"-moz-linear-gradient(to bottom bottom, red, blue)" ,
"-moz-linear-gradient(to left left, red, blue)" ,
"-moz-linear-gradient(to right right, red, blue)" ,
2009-11-02 11:36:43 -08:00
"-moz-repeating-linear-gradient(10px 10px, 20px, 30px 30px, 40px, blue 0, red 100%)" ,
"-moz-repeating-radial-gradient(20px 20px, 10px 10px, from(green), to(#ff00ff))" ,
"-moz-repeating-radial-gradient(10px 10px, 20%, 40px 40px, 10px, from(green), to(#ff00ff))" ,
"-moz-repeating-linear-gradient(10px, 20px, 30px, 40px, #00ccff 50%)" ,
"-moz-repeating-linear-gradient(40px 40px, 10px 10px, blue 0 fuchsia 10% red 100%)" ,
"-moz-repeating-linear-gradient(20px 20px 30px, 10px 10px, red 0, #ff0000 100%)" ,
"-moz-repeating-radial-gradient(left top, center, 20px 20px, 10px, from(blue), to(red))" ,
"-moz-repeating-linear-gradient(left left, top top, blue 0)" ,
"-moz-repeating-linear-gradient(inherit, 10px 10px, blue 0)" ,
"-moz-repeating-linear-gradient(left left blue red)" ,
2011-10-22 12:41:11 -07:00
"-moz-repeating-linear-gradient()" ,
"-moz-repeating-linear-gradient(to 0 0, red, blue)" ,
"-moz-repeating-linear-gradient(to 20% bottom, red, blue)" ,
"-moz-repeating-linear-gradient(to center 20%, red, blue)" ,
"-moz-repeating-linear-gradient(to left 35px, red, blue)" ,
"-moz-repeating-linear-gradient(to 10% 10em, red, blue)" ,
"-moz-repeating-linear-gradient(to 44px top, red, blue)" ,
"-moz-repeating-linear-gradient(to top left 45deg, red, blue)" ,
"-moz-repeating-linear-gradient(to 20% bottom -300deg, red, blue)" ,
"-moz-repeating-linear-gradient(to center 20% 1.95929rad, red, blue)" ,
"-moz-repeating-linear-gradient(to left 35px 30grad, red, blue)" ,
"-moz-repeating-linear-gradient(to 10% 10em 99999deg, red, blue)" ,
"-moz-repeating-linear-gradient(to 44px top -33deg, red, blue)" ,
"-moz-repeating-linear-gradient(to -33deg, red, blue)" ,
"-moz-repeating-linear-gradient(to 30grad left 35px, red, blue)" ,
"-moz-repeating-linear-gradient(to 10deg 20px, red, blue)" ,
"-moz-repeating-linear-gradient(to .414rad bottom, red, blue)" ,
"-moz-repeating-linear-gradient(to top top, red, blue)" ,
"-moz-repeating-linear-gradient(to bottom bottom, red, blue)" ,
"-moz-repeating-linear-gradient(to left left, red, blue)" ,
2012-07-07 07:27:10 -07:00
"-moz-repeating-linear-gradient(to right right, red, blue)" ,
"-moz-repeating-radial-gradient(to top left at 30% 40%, red, blue)" ,
"-moz-repeating-radial-gradient(ellipse at 45px closest-corner, red, blue)" ,
"-moz-repeating-radial-gradient(circle at 45px farthest-side, red, blue)" ,
/* Valid only when prefixed */
"linear-gradient(top left, red, blue)" ,
"linear-gradient(0 0, red, blue)" ,
"linear-gradient(20% bottom, red, blue)" ,
"linear-gradient(center 20%, red, blue)" ,
"linear-gradient(left 35px, red, blue)" ,
"linear-gradient(10% 10em, red, blue)" ,
"linear-gradient(44px top, red, blue)" ,
"linear-gradient(top left 45deg, red, blue)" ,
"linear-gradient(20% bottom -300deg, red, blue)" ,
"linear-gradient(center 20% 1.95929rad, red, blue)" ,
"linear-gradient(left 35px 30grad, red, blue)" ,
"linear-gradient(left 35px 0.1turn, red, blue)" ,
"linear-gradient(10% 10em 99999deg, red, blue)" ,
"linear-gradient(44px top -33deg, red, blue)" ,
"linear-gradient(30grad left 35px, red, blue)" ,
"linear-gradient(10deg 20px, red, blue)" ,
"linear-gradient(1turn 20px, red, blue)" ,
"linear-gradient(.414rad bottom, red, blue)" ,
"radial-gradient(top left 45deg, red, blue)" ,
"radial-gradient(20% bottom -300deg, red, blue)" ,
"radial-gradient(center 20% 1.95929rad, red, blue)" ,
"radial-gradient(left 35px 30grad, red, blue)" ,
"radial-gradient(10% 10em 99999deg, red, blue)" ,
"radial-gradient(44px top -33deg, red, blue)" ,
"radial-gradient(-33deg, red, blue)" ,
"radial-gradient(30grad left 35px, red, blue)" ,
"radial-gradient(10deg 20px, red, blue)" ,
"radial-gradient(.414rad bottom, red, blue)" ,
"radial-gradient(cover, red, blue)" ,
"radial-gradient(ellipse contain, red, blue)" ,
"radial-gradient(cover circle, red, blue)" ,
"radial-gradient(top left, cover, red, blue)" ,
"radial-gradient(15% 20%, circle, red, blue)" ,
"radial-gradient(45px, ellipse closest-corner, red, blue)" ,
"radial-gradient(45px, farthest-side circle, red, blue)" ,
"radial-gradient(99deg, cover, red, blue)" ,
"radial-gradient(-1.2345rad, circle, red, blue)" ,
"radial-gradient(399grad, ellipse closest-corner, red, blue)" ,
"radial-gradient(399grad, farthest-side circle, red, blue)" ,
"radial-gradient(top left 99deg, cover, red, blue)" ,
"radial-gradient(15% 20% -1.2345rad, circle, red, blue)" ,
"radial-gradient(45px 399grad, ellipse closest-corner, red, blue)" ,
"radial-gradient(45px 399grad, farthest-side circle, red, blue)" ,
/* Valid only when unprefixed */
"-moz-radial-gradient(at top left, red, blue)" ,
"-moz-radial-gradient(at 20% bottom, red, blue)" ,
"-moz-radial-gradient(at center 20%, red, blue)" ,
"-moz-radial-gradient(at left 35px, red, blue)" ,
"-moz-radial-gradient(at 10% 10em, red, blue)" ,
"-moz-radial-gradient(at 44px top, red, blue)" ,
"-moz-radial-gradient(at 0 0, red, blue)" ,
"-moz-radial-gradient(circle 43px, red, blue)" ,
"-moz-radial-gradient(ellipse 43px 43px, red, blue)" ,
"-moz-radial-gradient(ellipse 50% 50%, red, blue)" ,
"-moz-radial-gradient(ellipse 43px 50%, red, blue)" ,
"-moz-radial-gradient(ellipse 50% 43px, red, blue)" ,
"-moz-radial-gradient(farthest-corner at top left, red, blue)" ,
"-moz-radial-gradient(ellipse closest-corner at 45px, red, blue)" ,
"-moz-radial-gradient(circle farthest-side at 45px, red, blue)" ,
"-moz-radial-gradient(closest-side ellipse at 50%, red, blue)" ,
"-moz-radial-gradient(farthest-corner circle at 4em, red, blue)" ,
"-moz-radial-gradient(30% 40% at top left, red, blue)" ,
"-moz-radial-gradient(50px 60px at 15% 20%, red, blue)" ,
"-moz-radial-gradient(7em 8em at 45px, red, blue)" ]
2007-04-15 15:27:14 -07:00
} ,
2010-06-08 18:44:33 -07:00
"background-origin" : {
domProp : "backgroundOrigin" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "padding-box" ] ,
other _values : [ "border-box" , "content-box" , "border-box, padding-box" , "padding-box, padding-box, padding-box" , "border-box, border-box" ] ,
invalid _values : [ "margin-box" , "padding-box padding-box" ]
} ,
2007-04-15 15:27:14 -07:00
"background-position" : {
domProp : "backgroundPosition" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2012-02-19 15:16:11 -08:00
initial _values : [ "top 0% left 0%" , "top 0% left" , "top left" , "left top" , "0% 0%" , "0% top" , "left 0%" ] ,
2010-09-15 08:11:26 -07:00
other _values : [ "top" , "left" , "right" , "bottom" , "center" , "center bottom" , "bottom center" , "center right" , "right center" , "center top" , "top center" , "center left" , "left center" , "right bottom" , "bottom right" , "50%" , "top left, top left" , "top left, top right" , "top right, top left" , "left top, 0% 0%" , "10% 20%, 30%, 40%" , "top left, bottom right" , "right bottom, left top" , "0%" , "0px" , "30px" , "0%, 10%, 20%, 30%" , "top, top, top, top, top" ,
2012-07-13 15:06:50 -07:00
"calc(20px)" ,
"calc(20px) 10px" ,
"10px calc(20px)" ,
"calc(20px) 25%" ,
"25% calc(20px)" ,
"calc(20px) calc(20px)" ,
"calc(20px + 1em) calc(20px / 2)" ,
"calc(20px + 50%) calc(50% - 10px)" ,
"calc(-20px) calc(-50%)" ,
"calc(-20%) calc(-50%)" ,
2012-02-19 15:16:11 -08:00
"0px 0px" ,
"right 20px top 60px" ,
"right 20px bottom 60px" ,
"left 20px top 60px" ,
"left 20px bottom 60px" ,
"right -50px top -50px" ,
"left -50px bottom -50px" ,
"right 20px top -50px" ,
"right -20px top 50px" ,
"right 3em bottom 10px" ,
"bottom 3em right 10px" ,
"top 3em right 10px" ,
"left 15px" ,
"10px top" ,
"left top 15px" ,
"left 10px top" ,
"left 20%" ,
"right 20%"
2010-09-15 08:11:26 -07:00
] ,
2012-02-19 15:16:11 -08:00
invalid _values : [ "center 10px center 4px" , "center 10px center" ,
"top 20%" , "bottom 20%" , "50% left" , "top 50%" ,
"50% bottom 10%" , "right 10% 50%" , "left right" ,
"top bottom" , "left 10% right" ,
2012-07-16 06:11:33 -07:00
"top 20px bottom 20px" , "left left" , "20 20" ]
2007-04-15 15:27:14 -07:00
} ,
"background-repeat" : {
domProp : "backgroundRepeat" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2012-02-24 21:23:14 -08:00
initial _values : [ "repeat" , "repeat repeat" ] ,
2009-02-19 21:29:21 -08:00
other _values : [ "repeat-x" , "repeat-y" , "no-repeat" ,
"repeat-x, repeat-x" ,
"repeat, no-repeat" ,
"repeat-y, no-repeat, repeat-y" ,
2012-02-24 21:23:14 -08:00
"repeat, repeat, repeat" ,
"repeat no-repeat" ,
"no-repeat repeat" ,
"no-repeat no-repeat" ,
"repeat repeat, repeat repeat" ,
2009-02-19 21:29:21 -08:00
] ,
2012-02-24 21:23:14 -08:00
invalid _values : [ "repeat repeat repeat" ,
"repeat-x repeat-y" ,
"repeat repeat-x" ,
"repeat repeat-y" ,
"repeat-x repeat" ,
"repeat-y repeat" ]
2007-04-15 15:27:14 -07:00
} ,
2010-06-08 18:44:33 -07:00
"background-size" : {
domProp : "backgroundSize" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" , "auto auto" ] ,
2010-09-15 08:11:26 -07:00
other _values : [ "contain" , "cover" , "100px auto" , "auto 100px" , "100% auto" , "auto 100%" , "25% 50px" , "3em 40%" ,
2012-07-13 15:06:50 -07:00
"calc(20px)" ,
"calc(20px) 10px" ,
"10px calc(20px)" ,
"calc(20px) 25%" ,
"25% calc(20px)" ,
"calc(20px) calc(20px)" ,
"calc(20px + 1em) calc(20px / 2)" ,
"calc(20px + 50%) calc(50% - 10px)" ,
"calc(-20px) calc(-50%)" ,
"calc(-20%) calc(-50%)"
2010-09-15 08:11:26 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "contain contain" , "cover cover" , "cover auto" , "auto cover" , "contain cover" , "cover contain" , "-5px 3px" , "3px -5px" , "auto -5px" , "-5px auto" , "5 3" ]
2010-06-08 18:44:33 -07:00
} ,
2007-04-15 15:27:14 -07:00
"border" : {
domProp : "border" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
2012-05-30 22:19:49 -07:00
subproperties : [ "border-bottom-color" , "border-bottom-style" , "border-bottom-width" , "border-left-color" , "border-left-style" , "border-left-width" , "border-right-color" , "border-right-style" , "border-right-width" , "border-top-color" , "border-top-style" , "border-top-width" , "-moz-border-top-colors" , "-moz-border-right-colors" , "-moz-border-bottom-colors" , "-moz-border-left-colors" , "border-image-source" , "border-image-slice" , "border-image-width" , "border-image-outset" , "border-image-repeat" ] ,
2012-07-13 15:06:50 -07:00
initial _values : [ "none" , "medium" , "currentColor" , "thin" , "none medium currentcolor" , "calc(4px - 1px) none" ] ,
other _values : [ "solid" , "medium solid" , "green solid" , "10px solid" , "thick solid" , "calc(2px) solid blue" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "medium solid ff00ff" , "5 solid green" ]
2007-04-15 15:27:14 -07:00
} ,
"border-bottom" : {
domProp : "borderBottom" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "border-bottom-color" , "border-bottom-style" , "border-bottom-width" ] ,
2008-12-16 17:11:38 -08:00
initial _values : [ "none" , "medium" , "currentColor" , "thin" , "none medium currentcolor" ] ,
other _values : [ "solid" , "green" , "medium solid" , "green solid" , "10px solid" , "thick solid" , "5px green none" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" , "5 solid green" ]
2007-04-15 15:27:14 -07:00
} ,
"border-bottom-color" : {
domProp : "borderBottomColor" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "color" : "black" } ,
2011-03-05 09:58:33 -08:00
initial _values : [ "currentColor" , "-moz-use-text-color" ] ,
2007-04-15 15:27:14 -07:00
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" ] ,
quirks _values : { "000000" : "#000000" , "96ed2a" : "#96ed2a" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-bottom-style" : {
domProp : "borderBottomStyle" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
/* XXX hidden is sometimes the same as initial */
initial _values : [ "none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" ] ,
invalid _values : [ ]
} ,
"border-bottom-width" : {
domProp : "borderBottomWidth" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-18 19:49:44 -07:00
prerequisites : { "border-bottom-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "calc(4px - 1px)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "thin" , "thick" , "1px" , "2em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0em)" ,
"calc(0px)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-collapse" : {
domProp : "borderCollapse" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "separate" ] ,
other _values : [ "collapse" ] ,
invalid _values : [ ]
} ,
"border-color" : {
domProp : "borderColor" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "border-top-color" , "border-right-color" , "border-bottom-color" , "border-left-color" ] ,
initial _values : [ "currentColor" , "currentColor currentColor" , "currentColor currentColor currentColor" , "currentColor currentColor currentcolor CURRENTcolor" ] ,
other _values : [ "green" , "currentColor green" , "currentColor currentColor green" , "currentColor currentColor currentColor green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" ] ,
quirks _values : { "000000" : "#000000" , "96ed2a" : "#96ed2a" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-left" : {
domProp : "borderLeft" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "border-left-color" , "border-left-style" , "border-left-width" ] ,
2008-12-16 17:11:38 -08:00
initial _values : [ "none" , "medium" , "currentColor" , "thin" , "none medium currentcolor" ] ,
other _values : [ "solid" , "green" , "medium solid" , "green solid" , "10px solid" , "thick solid" , "5px green none" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" , "5 solid green" ]
2007-04-15 15:27:14 -07:00
} ,
"border-left-color" : {
domProp : "borderLeftColor" ,
inherited : false ,
2007-07-04 11:51:16 -07:00
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "color" : "black" } ,
2011-03-05 09:58:33 -08:00
initial _values : [ "currentColor" , "-moz-use-text-color" ] ,
2007-04-15 15:27:14 -07:00
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" ] ,
quirks _values : { "000000" : "#000000" , "96ed2a" : "#96ed2a" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-left-style" : {
domProp : "borderLeftStyle" ,
inherited : false ,
2007-07-04 11:51:16 -07:00
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-04-15 15:27:14 -07:00
/* XXX hidden is sometimes the same as initial */
initial _values : [ "none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" ] ,
invalid _values : [ ]
} ,
"border-left-width" : {
domProp : "borderLeftWidth" ,
inherited : false ,
2007-07-04 11:51:16 -07:00
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-04-18 19:49:44 -07:00
prerequisites : { "border-left-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "calc(4px - 1px)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "thin" , "thick" , "1px" , "2em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0em)" ,
"calc(0px)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-right" : {
domProp : "borderRight" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "border-right-color" , "border-right-style" , "border-right-width" ] ,
2008-12-16 17:11:38 -08:00
initial _values : [ "none" , "medium" , "currentColor" , "thin" , "none medium currentcolor" ] ,
other _values : [ "solid" , "green" , "medium solid" , "green solid" , "10px solid" , "thick solid" , "5px green none" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" , "5 solid green" ]
2007-04-15 15:27:14 -07:00
} ,
"border-right-color" : {
domProp : "borderRightColor" ,
inherited : false ,
2007-07-04 11:51:16 -07:00
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "color" : "black" } ,
2011-03-05 09:58:33 -08:00
initial _values : [ "currentColor" , "-moz-use-text-color" ] ,
2007-04-15 15:27:14 -07:00
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" ] ,
quirks _values : { "000000" : "#000000" , "96ed2a" : "#96ed2a" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-right-style" : {
domProp : "borderRightStyle" ,
inherited : false ,
2007-07-04 11:51:16 -07:00
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-04-15 15:27:14 -07:00
/* XXX hidden is sometimes the same as initial */
initial _values : [ "none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" ] ,
invalid _values : [ ]
} ,
"border-right-width" : {
domProp : "borderRightWidth" ,
inherited : false ,
2007-07-04 11:51:16 -07:00
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-04-18 19:49:44 -07:00
prerequisites : { "border-right-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "calc(4px - 1px)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "thin" , "thick" , "1px" , "2em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0em)" ,
"calc(0px)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-spacing" : {
domProp : "borderSpacing" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0 0" , "0px" , "0 0px" , "calc(0px)" , "calc(0px) calc(0em)" , "calc(2em - 2em) calc(3px + 7px - 10px)" , "calc(-5px)" , "calc(-5px) calc(-5px)" ] ,
other _values : [ "3px" , "4em 2px" , "4em 0" , "0px 2px" , "calc(7px)" , "0 calc(7px)" , "calc(7px) 0" , "calc(0px) calc(7px)" , "calc(7px) calc(0px)" , "7px calc(0px)" , "calc(0px) 7px" , "7px calc(0px)" , "3px calc(2em)" ] ,
2010-05-11 08:49:43 -07:00
invalid _values : [ "0%" , "0 0%" , "-5px" , "-5px -5px" , "0 -5px" , "-5px 0" ]
2007-04-15 15:27:14 -07:00
} ,
"border-style" : {
domProp : "borderStyle" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "border-top-style" , "border-right-style" , "border-bottom-style" , "border-left-style" ] ,
/* XXX hidden is sometimes the same as initial */
initial _values : [ "none" , "none none" , "none none none" , "none none none none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" , "none solid" , "none none solid" , "none none none solid" , "groove none none none" , "none ridge none none" , "none none double none" , "none none none dotted" ] ,
invalid _values : [ ]
} ,
"border-top" : {
domProp : "borderTop" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "border-top-color" , "border-top-style" , "border-top-width" ] ,
2008-12-16 17:11:38 -08:00
initial _values : [ "none" , "medium" , "currentColor" , "thin" , "none medium currentcolor" ] ,
other _values : [ "solid" , "green" , "medium solid" , "green solid" , "10px solid" , "thick solid" , "5px green none" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" , "5 solid green" ]
2007-04-15 15:27:14 -07:00
} ,
"border-top-color" : {
domProp : "borderTopColor" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "color" : "black" } ,
2011-03-05 09:58:33 -08:00
initial _values : [ "currentColor" , "-moz-use-text-color" ] ,
2007-04-15 15:27:14 -07:00
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" ] ,
quirks _values : { "000000" : "#000000" , "96ed2a" : "#96ed2a" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-top-style" : {
domProp : "borderTopStyle" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
/* XXX hidden is sometimes the same as initial */
initial _values : [ "none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" ] ,
invalid _values : [ ]
} ,
"border-top-width" : {
domProp : "borderTopWidth" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-18 19:49:44 -07:00
prerequisites : { "border-top-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "calc(4px - 1px)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "thin" , "thick" , "1px" , "2em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0em)" ,
"calc(0px)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"border-width" : {
domProp : "borderWidth" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "border-top-width" , "border-right-width" , "border-bottom-width" , "border-left-width" ] ,
2007-04-18 19:49:44 -07:00
prerequisites : { "border-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "medium medium" , "3px medium medium" , "medium 3px medium medium" , "calc(3px) 3px calc(5px - 2px) calc(2px - -1px)" ] ,
other _values : [ "thin" , "thick" , "1px" , "2em" , "2px 0 0px 1em" , "calc(2em)" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"bottom" : {
domProp : "bottom" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
/* FIXME: run tests with multiple prerequisites */
prerequisites : { "position" : "relative" } ,
2007-04-15 15:27:14 -07:00
/* XXX 0 may or may not be equal to auto */
initial _values : [ "auto" ] ,
2010-08-25 03:17:56 -07:00
other _values : [ "32px" , "-3em" , "12%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:56 -07:00
] ,
2012-08-20 19:23:31 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
2010-09-11 09:27:13 -07:00
"box-shadow" : {
domProp : "boxShadow" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
prerequisites : { "color" : "blue" } ,
other _values : [ "2px 2px" , "2px 2px 1px" , "2px 2px 2px 2px" , "blue 3px 2px" , "2px 2px 1px 5px green" , "2px 2px red" , "green 2px 2px 1px" , "green 2px 2px, blue 1px 3px 4px" , "currentColor 3px 3px" , "blue 2px 2px, currentColor 1px 2px, 1px 2px 3px 2px orange" , "3px 0 0 0" , "inset 2px 2px 3px 4px black" , "2px -2px green inset, 4px 4px 3px blue, inset 2px 2px" ,
/* calc() values */
2012-07-13 15:06:50 -07:00
"2px 2px calc(-5px)" , /* clamped */
"calc(3em - 2px) 2px green" ,
"green calc(3em - 2px) 2px" ,
"2px calc(2px + 0.2em)" ,
"blue 2px calc(2px + 0.2em)" ,
"2px calc(2px + 0.2em) blue" ,
"calc(-2px) calc(-2px)" ,
2010-09-11 09:27:13 -07:00
"-2px -2px" ,
2012-07-13 15:06:50 -07:00
"calc(2px) calc(2px)" ,
"calc(2px) calc(2px) calc(2px)" ,
"calc(2px) calc(2px) calc(2px) calc(2px)"
2010-09-11 09:27:13 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "3% 3%" , "1px 1px 1px 1px 1px" , "2px 2px, none" , "red 2px 2px blue" , "inherit, 2px 2px" , "2px 2px, inherit" , "2px 2px -5px" , "inset 4px 4px black inset" , "inset inherit" , "inset none" , "3 3" , "3px 3" , "3 3px" , "3px 3px 3" , "3px 3px 3px 3" ]
2010-09-11 09:27:13 -07:00
} ,
2007-04-15 15:27:14 -07:00
"caption-side" : {
domProp : "captionSide" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "top" ] ,
2008-02-26 18:02:20 -08:00
other _values : [ "right" , "left" , "bottom" , "top-outside" , "bottom-outside" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"clear" : {
domProp : "clear" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "left" , "right" , "both" ] ,
invalid _values : [ ]
} ,
"clip" : {
domProp : "clip" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
2007-04-18 19:49:44 -07:00
other _values : [ "rect(0 0 0 0)" , "rect(auto,auto,auto,auto)" , "rect(3px, 4px, 4em, 0)" , "rect(auto, 3em, 4pt, 2px)" , "rect(2px 3px 4px 5px)" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "rect(auto, 3em, 2%, 5px)" ] ,
quirks _values : { "rect(1, 2, 3, 4)" : "rect(1px, 2px, 3px, 4px)" } ,
2007-04-15 15:27:14 -07:00
} ,
"color" : {
domProp : "color" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-18 19:49:44 -07:00
/* XXX should test currentColor, but may or may not be initial */
initial _values : [ "black" , "#000" ] ,
2008-07-11 11:34:53 -07:00
other _values : [ "green" , "#f3c" , "#fed292" , "rgba(45,300,12,2)" , "transparent" , "-moz-nativehyperlinktext" , "rgba(255,128,0,0.5)" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#f" , "#ff" , "#ffff" , "#fffff" , "#fffffff" , "#ffffffff" , "#fffffffff" ] ,
quirks _values : { "000000" : "#000000" , "96ed2a" : "#96ed2a" , "fff" : "#ffffff" , "ffffff" : "#ffffff" , } ,
2007-04-15 15:27:14 -07:00
} ,
"content" : {
domProp : "content" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
/* XXX needs to be on pseudo-elements */
initial _values : [ "normal" , "none" ] ,
2010-08-19 12:33:44 -07:00
other _values : [ '""' , "''" , '"hello"' , "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==)" , "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==')" , 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' , 'counter(foo)' , 'counter(bar, upper-roman)' , 'counters(foo, ".")' , "counters(bar, '-', lower-greek)" , "'-' counter(foo) '.'" , "attr(title)" , "open-quote" , "close-quote" , "no-open-quote" , "no-close-quote" , "close-quote attr(title) counters(foo, '.', upper-alpha)" , "counter(foo, none)" , "counters(bar, '.', none)" , "attr(\\32)" , "attr(\\2)" , "attr(-\\2)" , "attr(-\\32)" , "counter(\\2)" , "counters(\\32, '.')" , "counter(-\\32, upper-roman)" , "counters(-\\2, '-', lower-greek)" , "counter(\\()" , "counters(a\\+b, '.')" , "counter(\\}, upper-alpha)" , "-moz-alt-content" ] ,
invalid _values : [ 'counters(foo)' , 'counter(foo, ".")' , 'attr("title")' , "attr('title')" , "attr(2)" , "attr(-2)" , "counter(2)" , "counters(-2, '.')" , "-moz-alt-content 'foo'" , "'foo' -moz-alt-content" ]
2007-04-15 15:27:14 -07:00
} ,
"counter-increment" : {
domProp : "counterIncrement" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2012-11-16 18:53:38 -08:00
other _values : [ "foo 1" , "bar" , "foo 3 bar baz 2" , "\\32 1" , "-\\32 1" , "-c 1" , "\\32 1" , "-\\32 1" , "\\2 1" , "-\\2 1" , "-c 1" , "\\2 1" , "-\\2 1" , "-\\7f \\9e 1" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"counter-reset" : {
domProp : "counterReset" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2012-11-16 18:53:38 -08:00
other _values : [ "foo 1" , "bar" , "foo 3 bar baz 2" , "\\32 1" , "-\\32 1" , "-c 1" , "\\32 1" , "-\\32 1" , "\\2 1" , "-\\2 1" , "-c 1" , "\\2 1" , "-\\2 1" , "-\\7f \\9e 1" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"cursor" : {
domProp : "cursor" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
2012-08-29 18:27:01 -07:00
other _values : [ "crosshair" , "default" , "pointer" , "move" , "e-resize" , "ne-resize" , "nw-resize" , "n-resize" , "se-resize" , "sw-resize" , "s-resize" , "w-resize" , "text" , "wait" , "help" , "progress" , "copy" , "alias" , "context-menu" , "cell" , "not-allowed" , "col-resize" , "row-resize" , "no-drop" , "vertical-text" , "all-scroll" , "nesw-resize" , "nwse-resize" , "ns-resize" , "ew-resize" , "none" , "-moz-grab" , "-moz-grabbing" , "-moz-zoom-in" , "-moz-zoom-out" , "url(foo.png), move" , "url(foo.png) 5 7, move" , "url(foo.png) 12 3, url(bar.png), no-drop" , "url(foo.png), url(bar.png) 7 2, wait" , "url(foo.png) 3 2, url(bar.png) 7 9, pointer" ] ,
invalid _values : [ "url(foo.png)" , "url(foo.png) 5 5" ]
2007-04-15 15:27:14 -07:00
} ,
"direction" : {
domProp : "direction" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "ltr" ] ,
other _values : [ "rtl" ] ,
invalid _values : [ ]
} ,
"display" : {
domProp : "display" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "inline" ] ,
/* XXX none will really mess with other properties */
2007-07-12 16:50:13 -07:00
prerequisites : { "float" : "none" , "position" : "static" } ,
2012-06-26 15:11:38 -07:00
other _values : [
"block" ,
"list-item" ,
"inline-block" ,
"table" ,
"inline-table" ,
"table-row-group" ,
"table-header-group" ,
"table-footer-group" ,
"table-row" ,
"table-column-group" ,
"table-column" ,
"table-cell" ,
"table-caption" ,
"none"
] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"empty-cells" : {
domProp : "emptyCells" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "show" ] ,
2011-10-21 21:03:16 -07:00
other _values : [ "hide" , "-moz-show-background" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"float" : {
domProp : "cssFloat" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "left" , "right" ] ,
invalid _values : [ ]
} ,
"font" : {
domProp : "font" ,
inherited : true ,
type : CSS _TYPE _TRUE _SHORTHAND ,
2010-07-13 13:30:42 -07:00
subproperties : [ "font-style" , "font-variant" , "font-weight" , "font-size" , "line-height" , "font-family" , "font-stretch" , "font-size-adjust" , "-moz-font-feature-settings" , "-moz-font-language-override" ] ,
2010-12-09 20:38:53 -08:00
initial _values : [ ( gInitialFontFamilyIsSansSerif ? "medium sans-serif" : "medium serif" ) ] ,
2007-05-15 20:03:34 -07:00
other _values : [ "large serif" , "9px fantasy" , "bold italic small-caps 24px/1.4 Times New Roman, serif" , "caption" , "icon" , "menu" , "message-box" , "small-caption" , "status-bar" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "9 fantasy" ]
2007-04-15 15:27:14 -07:00
} ,
"font-family" : {
domProp : "fontFamily" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2010-12-09 20:38:53 -08:00
initial _values : [ ( gInitialFontFamilyIsSansSerif ? "sans-serif" : "serif" ) ] ,
2011-06-01 10:19:16 -07:00
other _values : [ ( gInitialFontFamilyIsSansSerif ? "serif" : "sans-serif" ) , "Times New Roman, serif" , "'Times New Roman', serif" , "cursive" , "fantasy" , "\\\"Times New Roman" , "\"Times New Roman\"" , "Times, \\\"Times New Roman" , "Times, \"Times New Roman\"" ] ,
invalid _values : [ "\"Times New\" Roman" , "\"Times New Roman\n" , "Times, \"Times New Roman\n" ]
2007-04-15 15:27:14 -07:00
} ,
2010-07-13 13:30:42 -07:00
"-moz-font-feature-settings" : {
domProp : "MozFontFeatureSettings" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
2012-04-25 23:24:54 -07:00
other _values : [
"'liga' on" , "'liga'" , "\"liga\" 1" , "'liga', 'clig' 1" ,
"\"liga\" off" , "\"liga\" 0" , '"cv01" 3, "cv02" 4' ,
'"cswh", "smcp" off, "salt" 4' , '"cswh" 1, "smcp" off, "salt" 4' ,
'"cswh" 0, \'blah\', "liga", "smcp" off, "salt" 4' ,
'"liga" ,"smcp" 0 , "blah"'
] ,
invalid _values : [
'liga' , 'liga 1' , 'liga normal' , '"liga" normal' , 'normal liga' ,
'normal "liga"' , 'normal, "liga"' , '"liga=1"' , "'foobar' on" ,
'"blahblah" 0' , '"liga" 3.14' , '"liga" 1 3.14' , '"liga" 1 normal' ,
'"liga" 1 off' , '"liga" on off' , '"liga" , 0 "smcp"' , '"liga" "smcp"'
]
2010-07-13 13:30:42 -07:00
} ,
"-moz-font-language-override" : {
domProp : "MozFontLanguageOverride" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
2011-10-21 21:03:16 -07:00
other _values : [ "'ENG'" , "'TRK'" , "\"TRK\"" , "'N\\'Ko'" ] ,
2012-04-25 23:24:54 -07:00
invalid _values : [ "TRK" , "ja" ]
2010-07-13 13:30:42 -07:00
} ,
2007-04-15 15:27:14 -07:00
"font-size" : {
domProp : "fontSize" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2010-05-11 08:49:44 -07:00
initial _values : [ "medium" ,
"1rem" ,
2012-07-13 15:06:50 -07:00
"calc(1rem)" ,
"calc(0.75rem + 200% - 125% + 0.25rem - 75%)"
2010-05-11 08:49:44 -07:00
] ,
other _values : [ "large" , "2em" , "50%" , "xx-small" , "36pt" , "8px" ,
"0px" ,
"0%" ,
2012-07-13 15:06:50 -07:00
"calc(2em)" ,
"calc(36pt + 75% + (30% + 2em + 2px))" ,
"calc(-2em)" ,
"calc(-50%)" ,
"calc(-1px)"
2010-05-11 08:49:44 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "-2em" , "-50%" , "-1px" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"font-size-adjust" : {
domProp : "fontSizeAdjust" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "0.3" , "0.5" , "0.7" ] ,
invalid _values : [ ]
} ,
"font-stretch" : {
domProp : "fontStretch" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
2010-11-10 07:49:52 -08:00
other _values : [ "ultra-condensed" , "extra-condensed" , "condensed" , "semi-condensed" , "semi-expanded" , "expanded" , "extra-expanded" , "ultra-expanded" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"font-style" : {
domProp : "fontStyle" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
other _values : [ "italic" , "oblique" ] ,
invalid _values : [ ]
} ,
"font-variant" : {
domProp : "fontVariant" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
other _values : [ "small-caps" ] ,
invalid _values : [ ]
} ,
"font-weight" : {
domProp : "fontWeight" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-17 11:01:17 -07:00
initial _values : [ "normal" , "400" ] ,
2009-11-14 19:16:59 -08:00
other _values : [ "bold" , "100" , "200" , "300" , "500" , "600" , "700" , "800" , "900" , "bolder" , "lighter" ] ,
2011-10-21 21:03:16 -07:00
invalid _values : [ "0" , "100.0" , "107" , "399" , "401" , "699" , "710" , "1000" ]
2007-04-15 15:27:14 -07:00
} ,
"height" : {
domProp : "height" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-09-09 08:21:46 -07:00
/* FIXME: test zero, and test calc clamping */
2007-04-15 15:27:14 -07:00
initial _values : [ " auto" ] ,
2010-08-25 03:17:55 -07:00
/* computed value tests for height test more with display:block */
prerequisites : { "display" : "block" } ,
2010-08-25 03:17:55 -07:00
other _values : [ "15px" , "3em" , "15%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:55 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "none" , "-moz-max-content" , "-moz-min-content" , "-moz-fit-content" , "-moz-available" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
2007-05-16 08:51:37 -07:00
"ime-mode" : {
domProp : "imeMode" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
other _values : [ "normal" , "disabled" , "active" , "inactive" ] ,
invalid _values : [ "none" , "enabled" , "1px" ]
} ,
2007-04-15 15:27:14 -07:00
"left" : {
domProp : "left" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
/* FIXME: run tests with multiple prerequisites */
prerequisites : { "position" : "relative" } ,
2007-04-15 15:27:14 -07:00
/* XXX 0 may or may not be equal to auto */
initial _values : [ "auto" ] ,
2010-08-25 03:17:56 -07:00
other _values : [ "32px" , "-3em" , "12%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:56 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"letter-spacing" : {
domProp : "letterSpacing" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
2010-05-11 08:49:43 -07:00
other _values : [ "0" , "0px" , "1em" , "2px" , "-3px" ,
2012-07-13 15:06:50 -07:00
"calc(0px)" , "calc(1em)" , "calc(1em + 3px)" ,
"calc(15px / 2)" , "calc(15px/2)" , "calc(-3px)"
2010-05-11 08:49:43 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"line-height" : {
domProp : "lineHeight" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-07-11 16:42:35 -07:00
/ *
* Inheritance tests require consistent font size , since
2007-07-11 15:23:03 -07:00
* getComputedStyle ( which uses the CSS2 computed value , or
* CSS2 . 1 used value ) doesn ' t match what the CSS2 . 1 computed
2007-07-11 16:42:35 -07:00
* value is . And they even require consistent font metrics for
2009-11-02 11:36:43 -08:00
* computation of 'normal' . - moz - block - height requires height
2009-05-18 15:13:12 -07:00
* on a block .
2007-07-11 16:42:35 -07:00
* /
2009-05-18 15:13:12 -07:00
prerequisites : { "font-size" : "19px" , "font-size-adjust" : "none" , "font-family" : "serif" , "font-weight" : "normal" , "font-style" : "normal" , "height" : "18px" , "display" : "block" } ,
2007-04-15 15:27:14 -07:00
initial _values : [ "normal" ] ,
2009-05-18 15:13:12 -07:00
other _values : [ "1.0" , "1" , "1em" , "47px" , "-moz-block-height" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"list-style" : {
domProp : "listStyle" ,
inherited : true ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "list-style-type" , "list-style-position" , "list-style-image" ] ,
2009-01-22 17:28:13 -08:00
initial _values : [ "outside" , "disc" , "disc outside" , "outside disc" , "disc none" , "none disc" , "none disc outside" , "none outside disc" , "disc none outside" , "disc outside none" , "outside none disc" , "outside disc none" ] ,
other _values : [ "inside none" , "none inside" , "none none inside" , "square" , "none" , "none none" , "outside none none" , "none outside none" , "none none outside" , "none outside" , "outside none" ,
'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' ,
'none url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' ,
'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==") none' ,
'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==") outside' ,
'outside url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' ,
'outside none url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' ,
'outside url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==") none' ,
'none url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==") outside' ,
'none outside url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' ,
'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==") outside none' ,
'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==") none outside'
] ,
invalid _values : [ "outside outside" , "disc disc" , "unknown value" , "none none none" , "none disc url(404.png)" , "none url(404.png) disc" , "disc none url(404.png)" , "disc url(404.png) none" , "url(404.png) none disc" , "url(404.png) disc none" , "none disc outside url(404.png)" ]
2007-04-15 15:27:14 -07:00
} ,
"list-style-image" : {
domProp : "listStyleImage" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
2009-03-05 20:05:01 -08:00
other _values : [ 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAKElEQVR42u3NQQ0AAAgEoNP+nTWFDzcoQE1udQQCgUAgEAgEAsGTYAGjxAE/G/Q2tQAAAABJRU5ErkJggg==")' ,
// Add some tests for interesting url() values here to test serialization, etc.
"url(\'data:text/plain,\"\')" ,
"url(\"data:text/plain,\'\")" ,
"url(\'data:text/plain,\\\'\')" ,
"url(\"data:text/plain,\\\"\")" ,
"url(\'data:text/plain,\\\"\')" ,
"url(\"data:text/plain,\\\'\")" ,
"url(data:text/plain,\\\\)" ,
] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"list-style-position" : {
domProp : "listStylePosition" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "outside" ] ,
other _values : [ "inside" ] ,
invalid _values : [ ]
} ,
"list-style-type" : {
domProp : "listStyleType" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "disc" ] ,
other _values : [ "circle" , "decimal-leading-zero" , "upper-alpha" ] ,
invalid _values : [ ]
} ,
"margin" : {
domProp : "margin" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "margin-top" , "margin-right" , "margin-bottom" , "margin-left" ] ,
initial _values : [ "0" , "0px 0 0em" , "0% 0px 0em 0pt" ] ,
other _values : [ "3px 0" , "2em 4px 2pt" , "1em 2em 3px 4px" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" , "3px 6px 2 5px" : "3px 6px 2px 5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"margin-bottom" : {
domProp : "marginBottom" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
/* XXX testing auto has prerequisites */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"margin-left" : {
domProp : "marginLeft" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
/* no subproperties */
/* XXX testing auto has prerequisites */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" , ".5px" , "+32px" , "+.789px" , "-.328px" , "+0.56px" , "-0.974px" , "237px" , "-289px" , "-056px" , "1987.45px" , "-84.32px" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "..25px" , ".+5px" , ".px" , "-.px" , "++5px" , "-+4px" , "+-3px" , "--7px" , "+-.6px" , "-+.5px" , "++.7px" , "--.4px" ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"margin-right" : {
domProp : "marginRight" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
/* no subproperties */
/* XXX testing auto has prerequisites */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"margin-top" : {
domProp : "marginTop" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
/* XXX testing auto has prerequisites */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"marker-offset" : {
domProp : "markerOffset" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
2012-07-13 15:06:50 -07:00
other _values : [ "6em" , "-1px" , "calc(0px)" , "calc(3em + 2px - 4px)" , "calc(-2em)" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"marks" : {
/* XXX not a real property; applies only to page context */
domProp : "marks" ,
inherited : false ,
backend _only : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "crop" , "cross" , "crop cross" , "cross crop" ] ,
invalid _values : [ "none none" , "crop none" , "none crop" , "cross none" , "none cross" ]
2007-04-15 15:27:14 -07:00
} ,
"max-height" : {
domProp : "maxHeight" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
prerequisites : { "display" : "block" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
2010-08-25 03:17:55 -07:00
other _values : [ "30px" , "50%" , "0" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:55 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "auto" , "-moz-max-content" , "-moz-min-content" , "-moz-fit-content" , "-moz-available" , "5" ]
2007-04-15 15:27:14 -07:00
} ,
"max-width" : {
domProp : "maxWidth" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
prerequisites : { "display" : "block" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
2010-08-25 03:17:56 -07:00
other _values : [ "30px" , "50%" , "0" , "-moz-max-content" , "-moz-min-content" , "-moz-fit-content" , "-moz-available" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:56 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "auto" , "5" ]
2007-04-15 15:27:14 -07:00
} ,
"min-height" : {
domProp : "minHeight" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
prerequisites : { "display" : "block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "auto" , "0" , "calc(0em)" , "calc(-2px)" , "calc(-1%)" ] ,
2010-08-25 03:17:55 -07:00
other _values : [ "30px" , "50%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:55 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "none" , "-moz-max-content" , "-moz-min-content" , "-moz-fit-content" , "-moz-available" , "5" ]
2007-04-15 15:27:14 -07:00
} ,
"min-width" : {
domProp : "minWidth" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
prerequisites : { "display" : "block" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "auto" , "0" , "calc(0em)" , "calc(-2px)" , "calc(-1%)" ] ,
2010-08-25 03:17:56 -07:00
other _values : [ "30px" , "50%" , "-moz-max-content" , "-moz-min-content" , "-moz-fit-content" , "-moz-available" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:56 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "none" , "5" ]
2007-04-15 15:27:14 -07:00
} ,
"opacity" : {
domProp : "opacity" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "1" , "17" , "397.376" ] ,
other _values : [ "0" , "0.4" , "0.0000" , "-3" ] ,
invalid _values : [ "0px" , "1px" ]
2007-04-15 15:27:14 -07:00
} ,
2011-05-10 06:47:46 -07:00
"-moz-orient" : {
domProp : "MozOrient" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "horizontal" ] ,
other _values : [ "vertical" ] ,
invalid _values : [ "auto" , "none" ]
} ,
2007-04-15 15:27:14 -07:00
"orphans" : {
domProp : "orphans" ,
inherited : true ,
backend _only : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
// XXX requires display:block
initial _values : [ "2" ] ,
other _values : [ "1" , "7" ] ,
2009-03-09 16:14:34 -07:00
invalid _values : [ "0" , "-1" , "0px" , "3px" ]
2007-04-15 15:27:14 -07:00
} ,
"outline" : {
domProp : "outline" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "outline-color" , "outline-style" , "outline-width" ] ,
2007-04-16 18:07:22 -07:00
initial _values : [
2008-12-16 17:11:38 -08:00
"none" , "medium" , "thin" ,
2007-04-16 18:07:22 -07:00
// XXX Should be invert, but currently currentcolor.
//"invert", "none medium invert"
"currentColor" , "none medium currentcolor"
] ,
other _values : [ "solid" , "medium solid" , "green solid" , "10px solid" , "thick solid" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" , "5 solid green" ]
2007-04-15 15:27:14 -07:00
} ,
"outline-color" : {
domProp : "outlineColor" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "color" : "black" } ,
2011-03-05 09:58:33 -08:00
initial _values : [ "currentColor" , "-moz-use-text-color" ] , // XXX should be invert
2007-04-16 18:07:22 -07:00
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" , "000000" , "cc00ff" ]
2007-04-15 15:27:14 -07:00
} ,
"outline-offset" : {
domProp : "outlineOffset" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "-0" , "calc(0px)" , "calc(3em + 2px - 2px - 3em)" , "calc(-0em)" ] ,
other _values : [ "-3px" , "1em" , "calc(3em)" , "calc(7pt + 3 * 2em)" , "calc(-3px)" ] ,
2007-04-16 18:07:22 -07:00
invalid _values : [ "5%" ]
2007-04-15 15:27:14 -07:00
} ,
"outline-style" : {
domProp : "outlineStyle" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
// XXX Should 'hidden' be the same as initial?
initial _values : [ "none" ] ,
other _values : [ "solid" , "dashed" , "dotted" , "double" , "outset" , "inset" , "groove" , "ridge" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"outline-width" : {
domProp : "outlineWidth" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-18 19:49:44 -07:00
prerequisites : { "outline-style" : "solid" } ,
2012-07-13 15:06:50 -07:00
initial _values : [ "medium" , "3px" , "calc(4px - 1px)" ] ,
2010-09-09 08:21:46 -07:00
other _values : [ "thin" , "thick" , "1px" , "2em" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(0px)" ,
"calc(0px)" ,
"calc(5em)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 5em)" ,
2010-09-09 08:21:46 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5%" , "5" ]
2007-04-15 15:27:14 -07:00
} ,
"overflow" : {
domProp : "overflow" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "display" : "block" } ,
2007-04-15 15:27:14 -07:00
subproperties : [ "overflow-x" , "overflow-y" ] ,
2007-04-16 18:07:22 -07:00
initial _values : [ "visible" ] ,
other _values : [ "auto" , "scroll" , "hidden" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"overflow-x" : {
domProp : "overflowX" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "display" : "block" , "overflow-y" : "visible" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ "visible" ] ,
other _values : [ "auto" , "scroll" , "hidden" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"overflow-y" : {
domProp : "overflowY" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-07-12 16:50:13 -07:00
prerequisites : { "display" : "block" , "overflow-x" : "visible" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ "visible" ] ,
other _values : [ "auto" , "scroll" , "hidden" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"padding" : {
domProp : "padding" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "padding-top" , "padding-right" , "padding-bottom" , "padding-left" ] ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px 0 0em" , "0% 0px 0em 0pt" , "calc(0px) calc(0em) calc(-2px) calc(-1%)" ] ,
2007-04-16 18:07:22 -07:00
other _values : [ "3px 0" , "2em 4px 2pt" , "1em 2em 3px 4px" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" , "3px 6px 2 5px" : "3px 6px 2px 5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"padding-bottom" : {
domProp : "paddingBottom" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" , "calc(-3px)" , "calc(-1%)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"padding-left" : {
domProp : "paddingLeft" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
/* no subproperties */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" , "calc(-3px)" , "calc(-1%)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"padding-right" : {
domProp : "paddingRight" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
/* no subproperties */
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" , "calc(-3px)" , "calc(-1%)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"padding-top" : {
domProp : "paddingTop" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "0px" , "0%" , "calc(0pt)" , "calc(0% + 0px)" , "calc(-3px)" , "calc(-1%)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "1px" , "2em" , "5%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"page" : {
domProp : "page" ,
inherited : true ,
backend _only : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "foo" , "bar" ] ,
invalid _values : [ "3px" ]
2007-04-15 15:27:14 -07:00
} ,
"page-break-after" : {
domProp : "pageBreakAfter" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "always" , "avoid" , "left" , "right" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"page-break-before" : {
domProp : "pageBreakBefore" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "always" , "avoid" , "left" , "right" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"page-break-inside" : {
domProp : "pageBreakInside" ,
2012-11-08 08:09:37 -08:00
inherited : false ,
2007-04-15 15:27:14 -07:00
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "avoid" ] ,
2012-11-08 08:09:37 -08:00
invalid _values : [ "left" , "right" ]
2007-04-15 15:27:14 -07:00
} ,
2009-08-26 20:53:35 -07:00
"pointer-events" : {
domProp : "pointerEvents" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
other _values : [ "visiblePainted" , "visibleFill" , "visibleStroke" , "visible" ,
2009-11-02 11:36:43 -08:00
"painted" , "fill" , "stroke" , "all" , "none" ] ,
2009-08-26 20:53:35 -07:00
invalid _values : [ ]
} ,
2007-04-15 15:27:14 -07:00
"position" : {
domProp : "position" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "static" ] ,
other _values : [ "relative" , "absolute" , "fixed" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"quotes" : {
domProp : "quotes" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2008-08-19 07:18:58 -07:00
initial _values : [ '"\u201C" "\u201D" "\u2018" "\u2019"' ,
2009-11-02 11:36:43 -08:00
'"\\201C" "\\201D" "\\2018" "\\2019"' ] ,
2007-04-16 18:07:22 -07:00
other _values : [ "none" , "'\"' '\"'" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"right" : {
domProp : "right" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
/* FIXME: run tests with multiple prerequisites */
prerequisites : { "position" : "relative" } ,
2007-04-15 15:27:14 -07:00
/* XXX 0 may or may not be equal to auto */
initial _values : [ "auto" ] ,
2010-08-25 03:17:56 -07:00
other _values : [ "32px" , "-3em" , "12%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:56 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
"size" : {
/* XXX not a real property; applies only to page context */
domProp : "size" ,
inherited : false ,
backend _only : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "landscape" , "portrait" , "8.5in 11in" , "14in 11in" , "297mm 210mm" , "21cm 29.7cm" , "100mm" ] ,
invalid _values : [
// XXX spec unclear on 0s and negatives
"100mm 100mm 100mm"
]
2007-04-15 15:27:14 -07:00
} ,
"table-layout" : {
domProp : "tableLayout" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "fixed" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"text-align" : {
domProp : "textAlign" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
// don't know whether left and right are same as start
initial _values : [ "start" ] ,
2009-02-05 19:48:30 -08:00
other _values : [ "center" , "justify" , "end" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
2012-01-12 09:52:21 -08:00
"-moz-text-align-last" : {
domProp : "MozTextAlignLast" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
other _values : [ "center" , "justify" , "start" , "end" , "left" , "right" ] ,
invalid _values : [ ]
} ,
2011-04-22 22:16:41 -07:00
"-moz-text-blink" : {
domProp : "MozTextBlink" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "blink" ] ,
invalid _values : [ "underline" , "overline" , "line-through" , "none underline" , "underline blink" , "blink underline" ]
} ,
2007-04-15 15:27:14 -07:00
"text-decoration" : {
domProp : "textDecoration" ,
inherited : false ,
2011-04-22 22:16:41 -07:00
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
subproperties : [ "-moz-text-blink" , "-moz-text-decoration-color" , "-moz-text-decoration-line" , "-moz-text-decoration-style" ] ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
2011-04-22 22:16:41 -07:00
other _values : [ "underline" , "overline" , "line-through" , "blink" , "blink line-through underline" , "underline overline line-through blink" , "-moz-anchor-decoration" , "blink -moz-anchor-decoration" ] ,
invalid _values : [ "none none" , "underline none" , "none underline" , "blink none" , "none blink" , "line-through blink line-through" , "underline overline line-through blink none" , "underline overline line-throuh blink blink" ,
"underline red solid" , "underline #ff0000" , "solid underline" , "red underline" , "#ff0000 underline" ]
2007-04-15 15:27:14 -07:00
} ,
2011-03-31 05:26:35 -07:00
"-moz-text-decoration-color" : {
domProp : "MozTextDecorationColor" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
prerequisites : { "color" : "black" } ,
initial _values : [ "currentColor" , "-moz-use-text-color" ] ,
other _values : [ "green" , "rgba(255,128,0,0.5)" , "transparent" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "#0" , "#00" , "#0000" , "#00000" , "#0000000" , "#00000000" , "#000000000" , "000000" , "ff00ff" ]
2011-03-31 05:26:35 -07:00
} ,
2011-04-22 22:16:41 -07:00
"-moz-text-decoration-line" : {
domProp : "MozTextDecorationLine" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "underline" , "overline" , "line-through" , "line-through underline" , "underline overline line-through" , "-moz-anchor-decoration" , "-moz-anchor-decoration" ] ,
invalid _values : [ "none none" , "underline none" , "none underline" , "line-through blink line-through" , "underline overline line-through blink none" , "underline overline line-throuh blink blink" ]
} ,
2011-03-31 05:26:35 -07:00
"-moz-text-decoration-style" : {
domProp : "MozTextDecorationStyle" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "solid" ] ,
other _values : [ "double" , "dotted" , "dashed" , "wavy" , "-moz-none" ] ,
invalid _values : [ "none" , "groove" , "ridge" , "inset" , "outset" , "solid dashed" , "wave" ]
} ,
2007-04-15 15:27:14 -07:00
"text-indent" : {
domProp : "textIndent" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2012-07-13 15:06:50 -07:00
initial _values : [ "0" , "calc(3em - 5em + 2px + 2em - 2px)" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "2em" , "5%" , "-10px" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5" ]
2007-04-15 15:27:14 -07:00
} ,
2011-06-22 11:11:47 -07:00
"text-overflow" : {
domProp : "textOverflow" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2011-10-12 09:20:46 -07:00
initial _values : [ "clip" ] ,
other _values : [ "ellipsis" , '""' , "''" , '"hello"' , 'clip clip' , 'ellipsis ellipsis' , 'clip ellipsis' , 'clip ""' , '"hello" ""' , '"" ellipsis' ] ,
2011-08-20 13:41:39 -07:00
invalid _values : [ "none" , "auto" , '"hello" inherit' , 'inherit "hello"' , 'clip initial' , 'initial clip' , 'initial inherit' , 'inherit initial' , 'inherit none' ]
2011-06-22 11:11:47 -07:00
} ,
2007-04-15 15:27:14 -07:00
"text-shadow" : {
domProp : "textShadow" ,
2008-06-05 16:06:34 -07:00
inherited : true ,
2007-04-15 15:27:14 -07:00
type : CSS _TYPE _LONGHAND ,
2008-06-05 16:06:34 -07:00
prerequisites : { "color" : "blue" } ,
2010-08-11 12:32:52 -07:00
initial _values : [ "none" ] ,
2010-05-11 08:49:43 -07:00
other _values : [ "2px 2px" , "2px 2px 1px" , "2px 2px green" , "2px 2px 1px green" , "green 2px 2px" , "green 2px 2px 1px" , "green 2px 2px, blue 1px 3px 4px" , "currentColor 3px 3px" , "blue 2px 2px, currentColor 1px 2px" ,
/* calc() values */
2012-07-13 15:06:50 -07:00
"2px 2px calc(-5px)" , /* clamped */
"calc(3em - 2px) 2px green" ,
"green calc(3em - 2px) 2px" ,
"2px calc(2px + 0.2em)" ,
"blue 2px calc(2px + 0.2em)" ,
"2px calc(2px + 0.2em) blue" ,
"calc(-2px) calc(-2px)" ,
2010-09-09 08:21:46 -07:00
"-2px -2px" ,
2012-07-13 15:06:50 -07:00
"calc(2px) calc(2px)" ,
"calc(2px) calc(2px) calc(2px)" ,
2010-05-11 08:49:43 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "3% 3%" , "2px 2px -5px" , "2px 2px 2px 2px" , "2px 2px, none" , "none, 2px 2px" , "inherit, 2px 2px" , "2px 2px, inherit" , "2 2px" , "2px 2" , "2px 2px 2" , "2px 2px 2px 2" ,
2012-07-13 15:06:50 -07:00
"calc(2px) calc(2px) calc(2px) calc(2px)"
2010-05-11 08:49:43 -07:00
]
2007-04-15 15:27:14 -07:00
} ,
"text-transform" : {
domProp : "textTransform" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
2012-11-09 01:43:48 -08:00
other _values : [ "capitalize" , "uppercase" , "lowercase" , "full-width" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"top" : {
domProp : "top" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-25 03:17:55 -07:00
/* FIXME: run tests with multiple prerequisites */
prerequisites : { "position" : "relative" } ,
2007-04-15 15:27:14 -07:00
/* XXX 0 may or may not be equal to auto */
initial _values : [ "auto" ] ,
2010-08-25 03:17:56 -07:00
other _values : [ "32px" , "-3em" , "12%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-25 03:17:56 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
2012-07-08 18:25:10 -07:00
"transition" : {
domProp : "transition" ,
2009-08-20 14:52:47 -07:00
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
2012-07-08 18:25:10 -07:00
subproperties : [ "transition-property" , "transition-duration" , "transition-timing-function" , "transition-delay" ] ,
2011-04-11 23:18:42 -07:00
initial _values : [ "all 0s ease 0s" , "all" , "0s" , "0s 0s" , "ease" ] ,
2010-02-04 12:49:29 -08:00
other _values : [ "width 1s linear 2s" , "width 1s 2s linear" , "width linear 1s 2s" , "linear width 1s 2s" , "linear 1s width 2s" , "linear 1s 2s width" , "1s width linear 2s" , "1s width 2s linear" , "1s 2s width linear" , "1s linear width 2s" , "1s linear 2s width" , "1s 2s linear width" , "width linear 1s" , "width 1s linear" , "linear width 1s" , "linear 1s width" , "1s width linear" , "1s linear width" , "1s 2s width" , "1s width 2s" , "width 1s 2s" , "1s 2s linear" , "1s linear 2s" , "linear 1s 2s" , "width 1s" , "1s width" , "linear 1s" , "1s linear" , "1s 2s" , "2s 1s" , "width" , "linear" , "1s" , "height" , "2s" , "ease-in-out" , "2s ease-in" , "opacity linear" , "ease-out 2s" , "2s color, 1s width, 500ms height linear, 1s opacity 4s cubic-bezier(0.0, 0.1, 1.0, 1.0)" , "1s \\32width linear 2s" , "1s -width linear 2s" , "1s -\\32width linear 2s" , "1s \\32 0width linear 2s" , "1s -\\32 0width linear 2s" , "1s \\2width linear 2s" , "1s -\\2width linear 2s" ] ,
2009-08-20 14:52:47 -07:00
invalid _values : [ "2s, 1s width" , "1s width, 2s" , "2s all, 1s width" , "1s width, 2s all" , "1s width, 2s none" , "2s none, 1s width" , "2s inherit" , "inherit 2s" , "2s width, 1s inherit" , "2s inherit, 1s width" , "2s initial" , "2s all, 1s width" , "2s width, 1s all" ]
} ,
2012-07-08 18:25:10 -07:00
"transition-delay" : {
domProp : "transitionDelay" ,
2009-08-20 14:52:47 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2009-11-04 18:36:18 -08:00
initial _values : [ "0s" , "0ms" ] ,
2009-08-20 14:52:47 -07:00
other _values : [ "1s" , "250ms" , "-100ms" , "-1s" , "1s, 250ms, 2.3s" ] ,
2009-11-04 18:36:18 -08:00
invalid _values : [ "0" , "0px" ]
2009-08-20 14:52:47 -07:00
} ,
2012-07-08 18:25:10 -07:00
"transition-duration" : {
domProp : "transitionDuration" ,
2009-08-20 14:52:47 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2009-11-04 18:36:18 -08:00
initial _values : [ "0s" , "0ms" ] ,
2012-07-13 18:01:34 -07:00
other _values : [ "1s" , "250ms" , "1s, 250ms, 2.3s" ] ,
invalid _values : [ "0" , "0px" , "-1ms" , "-2s" ]
2009-08-20 14:52:47 -07:00
} ,
2012-07-08 18:25:10 -07:00
"transition-property" : {
domProp : "transitionProperty" ,
2009-08-20 14:52:47 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "all" ] ,
2010-02-04 12:49:29 -08:00
other _values : [ "none" , "left" , "top" , "color" , "width, height, opacity" , "foobar" , "auto" , "\\32width" , "-width" , "-\\32width" , "\\32 0width" , "-\\32 0width" , "\\2width" , "-\\2width" ] ,
2009-08-20 14:52:47 -07:00
invalid _values : [ "none, none" , "all, all" , "color, none" , "none, color" , "all, color" , "color, all" , "inherit, color" , "color, inherit" , "initial, color" , "color, initial" , "none, color" , "color, none" , "all, color" , "color, all" ]
} ,
2012-07-08 18:25:10 -07:00
"transition-timing-function" : {
domProp : "transitionTimingFunction" ,
2009-08-20 14:52:47 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "ease" , "cubic-bezier(0.25, 0.1, 0.25, 1.0)" ] ,
2011-04-11 23:18:42 -07:00
other _values : [ "linear" , "ease-in" , "ease-out" , "ease-in-out" , "linear, ease-in, cubic-bezier(0.1, 0.2, 0.8, 0.9)" , "cubic-bezier(0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.25, 1.5, 0.75, -0.5)" , "step-start" , "step-end" , "steps(1)" , "steps(2, start)" , "steps(386)" , "steps(3, end)" ] ,
invalid _values : [ "none" , "auto" , "cubic-bezier(0.25, 0.1, 0.25)" , "cubic-bezier(0.25, 0.1, 0.25, 0.25, 1.0)" , "cubic-bezier(-0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(1.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.5, 0.5, -0.5, 0.5)" , "cubic-bezier(0.5, 0.5, 1.5, 0.5)" , "steps(2, step-end)" , "steps(0)" , "steps(-2)" , "steps(0, step-end, 1)" ]
2009-08-20 14:52:47 -07:00
} ,
2007-04-15 15:27:14 -07:00
"unicode-bidi" : {
domProp : "unicodeBidi" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "normal" ] ,
2012-08-07 01:42:46 -07:00
other _values : [ "embed" , "bidi-override" , "-moz-isolate" , "-moz-plaintext" , "-moz-isolate-override" ] ,
invalid _values : [ "auto" , "none" ]
2007-04-15 15:27:14 -07:00
} ,
"vertical-align" : {
domProp : "verticalAlign" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "baseline" ] ,
2010-08-31 09:05:12 -07:00
other _values : [ "sub" , "super" , "top" , "text-top" , "middle" , "bottom" , "text-bottom" , "15%" , "3px" , "0.2em" , "-5px" , "-3%" ,
2012-07-13 15:06:50 -07:00
"calc(2px)" ,
"calc(-2px)" ,
"calc(50%)" ,
"calc(3*25px)" ,
"calc(25px*3)" ,
"calc(3*25px + 50%)" ,
2010-08-31 09:05:12 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "5" ]
2007-04-15 15:27:14 -07:00
} ,
"visibility" : {
domProp : "visibility" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "visible" ] ,
other _values : [ "hidden" , "collapse" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"white-space" : {
domProp : "whiteSpace" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "normal" ] ,
2012-09-06 22:42:19 -07:00
other _values : [ "pre" , "nowrap" , "pre-wrap" , "pre-line" , "-moz-pre-discard-newlines" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"widows" : {
domProp : "widows" ,
inherited : true ,
backend _only : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
// XXX requires display:block
initial _values : [ "2" ] ,
other _values : [ "1" , "7" ] ,
2009-03-09 16:14:34 -07:00
invalid _values : [ "0" , "-1" , "0px" , "3px" ]
2007-04-15 15:27:14 -07:00
} ,
"width" : {
domProp : "width" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2010-08-11 12:32:52 -07:00
/* computed value tests for width test more with display:block */
prerequisites : { "display" : "block" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ " auto" ] ,
/* XXX these have prerequisites */
2010-08-11 12:32:53 -07:00
other _values : [ "15px" , "3em" , "15%" , "-moz-max-content" , "-moz-min-content" , "-moz-fit-content" , "-moz-available" ,
2012-07-13 15:06:50 -07:00
/* valid -moz-calc() values */
2010-08-11 12:32:53 -07:00
"-moz-calc(-2px)" ,
"-moz-calc(2px)" ,
"-moz-calc(50%)" ,
"-moz-calc(50% + 2px)" ,
"-moz-calc( 50% + 2px)" ,
"-moz-calc(50% + 2px )" ,
"-moz-calc( 50% + 2px )" ,
"-moz-calc(50% - -2px)" ,
"-moz-calc(2px - -50%)" ,
"-moz-calc(3*25px)" ,
"-moz-calc(3 *25px)" ,
"-moz-calc(3 * 25px)" ,
"-moz-calc(3* 25px)" ,
"-moz-calc(25px*3)" ,
"-moz-calc(25px *3)" ,
"-moz-calc(25px* 3)" ,
"-moz-calc(25px * 3)" ,
"-moz-calc(3*25px + 50%)" ,
"-moz-calc(50% - 3em + 2px)" ,
"-moz-calc(50% - (3em + 2px))" ,
"-moz-calc((50% - 3em) + 2px)" ,
2010-09-11 09:27:12 -07:00
"-moz-calc(2em)" ,
"-moz-calc(50%)" ,
2010-08-11 12:32:53 -07:00
"-moz-calc(50px/2)" ,
2012-07-13 15:06:50 -07:00
"-moz-calc(50px/(2 - 1))" ,
/* valid calc() values */
"calc(-2px)" ,
"calc(2px)" ,
"calc(50%)" ,
"calc(50% + 2px)" ,
"calc( 50% + 2px)" ,
"calc(50% + 2px )" ,
"calc( 50% + 2px )" ,
"calc(50% - -2px)" ,
"calc(2px - -50%)" ,
"calc(3*25px)" ,
"calc(3 *25px)" ,
"calc(3 * 25px)" ,
"calc(3* 25px)" ,
"calc(25px*3)" ,
"calc(25px *3)" ,
"calc(25px* 3)" ,
"calc(25px * 3)" ,
"calc(3*25px + 50%)" ,
"calc(50% - 3em + 2px)" ,
"calc(50% - (3em + 2px))" ,
"calc((50% - 3em) + 2px)" ,
"calc(2em)" ,
"calc(50%)" ,
"calc(50px/2)" ,
"calc(50px/(2 - 1))" ,
2010-08-11 12:32:53 -07:00
] ,
invalid _values : [ "none" , "-2px" ,
2012-07-13 15:06:50 -07:00
/* invalid -moz-calc() values */
2010-08-11 12:32:53 -07:00
"-moz-calc(50%+ 2px)" ,
"-moz-calc(50% +2px)" ,
"-moz-calc(50%+2px)" ,
2012-07-13 15:06:50 -07:00
/* invalid calc() values */
"calc(50%+ 2px)" ,
"calc(50% +2px)" ,
"calc(50%+2px)" ,
2010-08-11 12:32:53 -07:00
"-moz-min()" ,
2012-07-13 15:06:50 -07:00
"calc(min())" ,
2010-08-11 12:32:53 -07:00
"-moz-max()" ,
2012-07-13 15:06:50 -07:00
"calc(max())" ,
2010-09-11 09:27:12 -07:00
"-moz-min(5px)" ,
2012-07-13 15:06:50 -07:00
"calc(min(5px))" ,
2010-09-11 09:27:12 -07:00
"-moz-max(5px)" ,
2012-07-13 15:06:50 -07:00
"calc(max(5px))" ,
2010-09-11 09:27:12 -07:00
"-moz-min(5px,2em)" ,
2012-07-13 15:06:50 -07:00
"calc(min(5px,2em))" ,
2010-09-11 09:27:12 -07:00
"-moz-max(5px,2em)" ,
2012-07-13 15:06:50 -07:00
"calc(max(5px,2em))" ,
"calc(50px/(2 - 2))" ,
2010-08-11 12:32:53 -07:00
/ * I f w e e v e r s u p p o r t d i v i s i o n b y v a l u e s , w h i c h i s
* complicated for the reasons described in
* http : //lists.w3.org/Archives/Public/www-style/2010Jan/0007.html
* , we should support all 4 of these as described in
* http : //lists.w3.org/Archives/Public/www-style/2009Dec/0296.html
* /
2012-07-13 15:06:50 -07:00
"calc((3em / 100%) * 3em)" ,
"calc(3em / 100% * 3em)" ,
"calc(3em * (3em / 100%))" ,
"calc(3em * 3em / 100%)" ,
2012-07-16 06:11:33 -07:00
] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
2012-05-07 12:18:23 -07:00
"word-break" : {
domProp : "wordBreak" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
other _values : [ "break-all" , "keep-all" ] ,
invalid _values : [ ]
} ,
2007-04-15 15:27:14 -07:00
"word-spacing" : {
domProp : "wordSpacing" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2010-05-11 08:49:43 -07:00
initial _values : [ "normal" , "0" , "0px" , "-0em" ,
2012-07-13 15:06:50 -07:00
"calc(-0px)" , "calc(0em)"
2010-05-11 08:49:43 -07:00
] ,
other _values : [ "1em" , "2px" , "-3px" ,
2012-07-13 15:06:50 -07:00
"calc(1em)" , "calc(1em + 3px)" ,
"calc(15px / 2)" , "calc(15px/2)" ,
"calc(-2em)"
2010-05-11 08:49:43 -07:00
] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ ] ,
quirks _values : { "5" : "5px" } ,
2007-04-15 15:27:14 -07:00
} ,
2008-07-24 00:16:18 -07:00
"word-wrap" : {
domProp : "wordWrap" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "normal" ] ,
other _values : [ "break-word" ] ,
invalid _values : [ ]
} ,
2011-05-04 04:14:50 -07:00
"-moz-hyphens" : {
domProp : "MozHyphens" ,
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "manual" ] ,
2011-05-07 08:01:01 -07:00
other _values : [ "none" , "auto" ] ,
2011-05-04 04:14:50 -07:00
invalid _values : [ ]
} ,
2007-04-15 15:27:14 -07:00
"z-index" : {
domProp : "zIndex" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
/* XXX requires position */
initial _values : [ "auto" ] ,
other _values : [ "0" , "3" , "-7000" , "12000" ] ,
invalid _values : [ "3.0" , "17.5" ]
2007-04-15 15:27:14 -07:00
}
,
"clip-path" : {
2010-02-06 05:46:54 -08:00
domProp : "clipPath" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "url(#mypath)" , "url('404.svg#mypath')" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"clip-rule" : {
2010-02-06 05:46:54 -08:00
domProp : "clipRule" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "nonzero" ] ,
other _values : [ "evenodd" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"color-interpolation" : {
2010-02-06 05:46:54 -08:00
domProp : "colorInterpolation" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "sRGB" ] ,
other _values : [ "auto" , "linearRGB" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"color-interpolation-filters" : {
2010-02-06 05:46:54 -08:00
domProp : "colorInterpolationFilters" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "linearRGB" ] ,
other _values : [ "sRGB" , "auto" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"dominant-baseline" : {
2010-02-06 05:46:54 -08:00
domProp : "dominantBaseline" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "use-script" , "no-change" , "reset-size" , "ideographic" , "alphabetic" , "hanging" , "mathematical" , "central" , "middle" , "text-after-edge" , "text-before-edge" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"fill" : {
2010-02-06 05:46:54 -08:00
domProp : "fill" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2008-02-08 11:51:41 -08:00
prerequisites : { "color" : "blue" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ "black" , "#000" , "#000000" , "rgb(0,0,0)" , "rgba(0,0,0,1)" ] ,
2012-09-05 21:58:46 -07:00
other _values : [ "green" , "#fc3" , "url('#myserver')" , "url(foo.svg#myserver)" , 'url("#myserver") green' , "none" , "currentColor" , "-moz-objectFill" , "-moz-objectStroke" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "000000" , "ff00ff" ]
2007-04-15 15:27:14 -07:00
} ,
"fill-opacity" : {
2010-02-06 05:46:54 -08:00
domProp : "fillOpacity" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2012-09-05 21:58:46 -07:00
initial _values : [ "1" , "2.8" , "1.000" , "-moz-objectFillOpacity" , "-moz-objectStrokeOpacity" ] ,
2007-04-16 18:07:22 -07:00
other _values : [ "0" , "0.3" , "-7.3" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"fill-rule" : {
2010-02-06 05:46:54 -08:00
domProp : "fillRule" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "nonzero" ] ,
other _values : [ "evenodd" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"filter" : {
2010-02-06 05:46:54 -08:00
domProp : "filter" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "url(#myfilt)" ] ,
invalid _values : [ "url(#myfilt) none" ]
2007-04-15 15:27:14 -07:00
} ,
"flood-color" : {
2010-02-06 05:46:54 -08:00
domProp : "floodColor" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2008-02-08 11:51:41 -08:00
prerequisites : { "color" : "blue" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ "black" , "#000" , "#000000" , "rgb(0,0,0)" , "rgba(0,0,0,1)" ] ,
2008-02-08 11:51:41 -08:00
other _values : [ "green" , "#fc3" , "currentColor" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "url('#myserver')" , "url(foo.svg#myserver)" , 'url("#myserver") green' , "000000" , "ff00ff" ]
2007-04-15 15:27:14 -07:00
} ,
"flood-opacity" : {
2010-02-06 05:46:54 -08:00
domProp : "floodOpacity" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "1" , "2.8" , "1.000" ] ,
other _values : [ "0" , "0.3" , "-7.3" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
2009-03-21 08:36:38 -07:00
"image-rendering" : {
2010-02-06 05:46:54 -08:00
domProp : "imageRendering" ,
2009-03-21 08:36:38 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "auto" ] ,
2009-04-05 02:52:14 -07:00
other _values : [ "optimizeSpeed" , "optimizeQuality" , "-moz-crisp-edges" ] ,
2009-03-21 08:36:38 -07:00
invalid _values : [ ]
} ,
2007-07-25 23:57:42 -07:00
"lighting-color" : {
2010-02-06 05:46:54 -08:00
domProp : "lightingColor" ,
2007-07-25 23:57:42 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2008-02-08 11:51:41 -08:00
prerequisites : { "color" : "blue" } ,
2007-07-25 23:57:42 -07:00
initial _values : [ "white" , "#fff" , "#ffffff" , "rgb(255,255,255)" , "rgba(255,255,255,1.0)" , "rgba(255,255,255,42.0)" ] ,
2008-02-08 11:51:41 -08:00
other _values : [ "green" , "#fc3" , "currentColor" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "url('#myserver')" , "url(foo.svg#myserver)" , 'url("#myserver") green' , "000000" , "ff00ff" ]
2007-07-25 23:57:42 -07:00
} ,
2007-04-15 15:27:14 -07:00
"marker" : {
2010-02-06 05:46:54 -08:00
domProp : "marker" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [ "marker-start" , "marker-mid" , "marker-end" ] ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "url(#mysym)" ] ,
invalid _values : [ "none none" , "url(#mysym) url(#mysym)" , "none url(#mysym)" , "url(#mysym) none" ]
2007-04-15 15:27:14 -07:00
} ,
"marker-end" : {
2010-02-06 05:46:54 -08:00
domProp : "markerEnd" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "url(#mysym)" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"marker-mid" : {
2010-02-06 05:46:54 -08:00
domProp : "markerMid" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "url(#mysym)" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"marker-start" : {
2010-02-06 05:46:54 -08:00
domProp : "markerStart" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "url(#mysym)" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"mask" : {
2010-02-06 05:46:54 -08:00
domProp : "mask" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
other _values : [ "url(#mymask)" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"shape-rendering" : {
2010-02-06 05:46:54 -08:00
domProp : "shapeRendering" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "optimizeSpeed" , "crispEdges" , "geometricPrecision" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"stop-color" : {
2010-02-06 05:46:54 -08:00
domProp : "stopColor" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2008-02-08 11:51:41 -08:00
prerequisites : { "color" : "blue" } ,
2007-04-16 18:07:22 -07:00
initial _values : [ "black" , "#000" , "#000000" , "rgb(0,0,0)" , "rgba(0,0,0,1)" ] ,
2008-02-08 11:51:41 -08:00
other _values : [ "green" , "#fc3" , "currentColor" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "url('#myserver')" , "url(foo.svg#myserver)" , 'url("#myserver") green' , "000000" , "ff00ff" ]
2007-04-15 15:27:14 -07:00
} ,
"stop-opacity" : {
2010-02-06 05:46:54 -08:00
domProp : "stopOpacity" ,
2007-04-15 15:27:14 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "1" , "2.8" , "1.000" ] ,
other _values : [ "0" , "0.3" , "-7.3" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"stroke" : {
2010-02-06 05:46:54 -08:00
domProp : "stroke" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "none" ] ,
2012-09-05 21:58:46 -07:00
other _values : [ "black" , "#000" , "#000000" , "rgb(0,0,0)" , "rgba(0,0,0,1)" , "green" , "#fc3" , "url('#myserver')" , "url(foo.svg#myserver)" , 'url("#myserver") green' , "currentColor" , "-moz-objectFill" , "-moz-objectStroke" ] ,
2012-07-16 06:11:33 -07:00
invalid _values : [ "000000" , "ff00ff" ]
2007-04-15 15:27:14 -07:00
} ,
"stroke-dasharray" : {
2010-02-06 05:46:54 -08:00
domProp : "strokeDasharray" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2012-09-05 21:58:47 -07:00
initial _values : [ "none" , "-moz-objectValue" ] ,
2010-01-06 00:51:45 -08:00
other _values : [ "5px,3px,2px" , "5px 3px 2px" , " 5px ,3px , 2px " , "1px" , "5%" , "3em" ] ,
2010-09-09 08:21:46 -07:00
invalid _values : [ "-5px,3px,2px" , "5px,3px,-2px" ]
2007-04-15 15:27:14 -07:00
} ,
"stroke-dashoffset" : {
2010-02-06 05:46:54 -08:00
domProp : "strokeDashoffset" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2012-09-05 21:58:47 -07:00
initial _values : [ "0" , "-0px" , "0em" , "-moz-objectValue" ] ,
2007-04-16 18:07:22 -07:00
other _values : [ "3px" , "3%" , "1em" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"stroke-linecap" : {
2010-02-06 05:46:54 -08:00
domProp : "strokeLinecap" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "butt" ] ,
other _values : [ "round" , "square" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"stroke-linejoin" : {
2010-02-06 05:46:54 -08:00
domProp : "strokeLinejoin" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "miter" ] ,
other _values : [ "round" , "bevel" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"stroke-miterlimit" : {
2010-02-06 05:46:54 -08:00
domProp : "strokeMiterlimit" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "4" ] ,
2008-12-23 06:06:58 -08:00
other _values : [ "1" , "7" , "5000" , "1.1" ] ,
invalid _values : [ "0.9" , "0" , "-1" , "3px" , "-0.3" ]
2007-04-15 15:27:14 -07:00
} ,
"stroke-opacity" : {
2010-02-06 05:46:54 -08:00
domProp : "strokeOpacity" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2012-09-05 21:58:46 -07:00
initial _values : [ "1" , "2.8" , "1.000" , "-moz-objectFillOpacity" , "-moz-objectStrokeOpacity" ] ,
2007-04-16 18:07:22 -07:00
other _values : [ "0" , "0.3" , "-7.3" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"stroke-width" : {
2010-02-06 05:46:54 -08:00
domProp : "strokeWidth" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2012-09-05 21:58:47 -07:00
initial _values : [ "1px" , "-moz-objectValue" ] ,
2007-04-16 18:07:22 -07:00
other _values : [ "0" , "0px" , "-0em" , "17px" , "0.2em" ] ,
invalid _values : [ "-0.1px" , "-3px" ]
2007-04-15 15:27:14 -07:00
} ,
"text-anchor" : {
2010-02-06 05:46:54 -08:00
domProp : "textAnchor" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "start" ] ,
other _values : [ "middle" , "end" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
} ,
"text-rendering" : {
2010-02-06 05:46:54 -08:00
domProp : "textRendering" ,
2007-04-15 15:27:14 -07:00
inherited : true ,
type : CSS _TYPE _LONGHAND ,
2007-04-16 18:07:22 -07:00
initial _values : [ "auto" ] ,
other _values : [ "optimizeSpeed" , "optimizeLegibility" , "geometricPrecision" ] ,
2007-04-15 15:27:14 -07:00
invalid _values : [ ]
2012-05-18 01:33:40 -07:00
} ,
"vector-effect" : {
domProp : "vectorEffect" ,
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "none" ] ,
other _values : [ "non-scaling-stroke" ] ,
invalid _values : [ ]
2012-09-18 11:37:14 -07:00
} ,
// Aliases
"-moz-transform" : {
domProp : "MozTransform" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "transform" ,
subproperties : [ "transform" ] ,
prerequisites : { "width" : "300px" , "height" : "50px" } ,
initial _values : [ "none" ] ,
other _values : [ "translatex(1px)" , "translatex(4em)" ,
"translatex(-4px)" , "translatex(3px)" ,
"translatex(0px) translatex(1px) translatex(2px) translatex(3px) translatex(4px)" ,
"translatey(4em)" , "translate(3px)" , "translate(10px, -3px)" ,
"rotate(45deg)" , "rotate(45grad)" , "rotate(45rad)" ,
"rotate(0.25turn)" , "rotate(0)" , "scalex(10)" , "scaley(10)" ,
"scale(10)" , "scale(10, 20)" , "skewx(30deg)" , "skewx(0)" ,
"skewy(0)" , "skewx(30grad)" , "skewx(30rad)" , "skewx(0.08turn)" ,
"skewy(30deg)" , "skewy(30grad)" , "skewy(30rad)" , "skewy(0.08turn)" ,
"rotate(45deg) scale(2, 1)" , "skewx(45deg) skewx(-50grad)" ,
"translate(0, 0) scale(1, 1) skewx(0) skewy(0) matrix(1, 0, 0, 1, 0, 0)" ,
"translatex(50%)" , "translatey(50%)" , "translate(50%)" ,
"translate(3%, 5px)" , "translate(5px, 3%)" ,
"matrix(1, 2, 3, 4, 5, 6)" ,
/* valid calc() values */
"translatex(calc(5px + 10%))" ,
"translatey(calc(0.25 * 5px + 10% / 3))" ,
"translate(calc(5px - 10% * 3))" ,
"translate(calc(5px - 3 * 10%), 50px)" ,
"translate(-50px, calc(5px - 10% * 3))" ,
2012-09-18 11:37:14 -07:00
/* valid only when prefixed */
"matrix(1, 2, 3, 4, 5px, 6%)" ,
"matrix(1, 2, 3, 4, 5%, 6px)" ,
"matrix(1, 2, 3, 4, 5%, 6%)" ,
"matrix(1, 2, 3, 4, 5px, 6em)" ,
"matrix(1, 0, 0, 1, calc(5px * 3), calc(10% - 3px))" ,
2012-09-18 11:37:14 -07:00
] . concat ( SpecialPowers . getBoolPref ( "layout.3d-transforms.enabled" ) ? [
"translatez(1px)" , "translatez(4em)" , "translatez(-4px)" ,
"translatez(0px)" , "translatez(2px) translatez(5px)" ,
"translate3d(3px, 4px, 5px)" , "translate3d(2em, 3px, 1em)" ,
"translatex(2px) translate3d(4px, 5px, 6px) translatey(1px)" ,
"scale3d(4, 4, 4)" , "scale3d(-2, 3, -7)" , "scalez(4)" ,
"scalez(-6)" , "rotate3d(2, 3, 4, 45deg)" ,
"rotate3d(-3, 7, 0, 12rad)" , "rotatex(15deg)" , "rotatey(-12grad)" ,
"rotatez(72rad)" , "rotatex(0.125turn)" , "perspective(1000px)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16)" ,
2012-09-18 11:37:14 -07:00
/* valid only when prefixed */
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13px, 14em, 15px, 16)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 20%, 10%, 15, 16)" ,
2012-09-18 11:37:14 -07:00
] : [ ] ) ,
invalid _values : [ "1px" , "#0000ff" , "red" , "auto" ,
"translatex(1)" , "translatey(1)" , "translate(2)" ,
"translate(-3, -4)" ,
"translatex(1px 1px)" , "translatex(translatex(1px))" ,
"translatex(#0000ff)" , "translatex(red)" , "translatey()" ,
"matrix(1px, 2px, 3px, 4px, 5px, 6px)" , "scale(150%)" ,
"skewx(red)" , "matrix(1%, 0, 0, 0, 0px, 0px)" ,
"matrix(0, 1%, 2, 3, 4px,5px)" , "matrix(0, 1, 2%, 3, 4px, 5px)" ,
2012-09-18 11:37:14 -07:00
"matrix(0, 1, 2, 3%, 4%, 5%)" ,
2012-09-18 11:37:14 -07:00
/* invalid calc() values */
"translatey(-moz-min(5px,10%))" ,
"translatex(-moz-max(5px,10%))" ,
"translate(10px, calc(min(5px,10%)))" ,
"translate(calc(max(5px,10%)), 10%)" ,
"matrix(1, 0, 0, 1, max(5px * 3), calc(10% - 3px))"
] . concat ( SpecialPowers . getBoolPref ( "layout.3d-transforms.enabled" ) ? [
"perspective(0px)" , "perspective(-10px)" , "matrix3d(dinosaur)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15%, 16)" ,
"matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16px)" ,
"rotatey(words)" , "rotatex(7)" , "translate3d(3px, 4px, 1px, 7px)" ,
] : [ ] )
} ,
"-moz-transform-origin" : {
domProp : "MozTransformOrigin" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "transform-origin" ,
subproperties : [ "transform-origin" ] ,
prerequisites : { "width" : "10px" , "height" : "10px" , "display" : "block" } ,
initial _values : [ "50% 50%" , "center" , "center center" ] ,
other _values : [ "25% 25%" , "6px 5px" , "20% 3em" , "0 0" , "0in 1in" ,
"top" , "bottom" , "top left" , "top right" ,
"top center" , "center left" , "center right" ,
"bottom left" , "bottom right" , "bottom center" ,
"20% center" , "6px center" , "13in bottom" ,
"left 50px" , "right 13%" , "center 40px" ,
"calc(20px)" ,
"calc(20px) 10px" ,
"10px calc(20px)" ,
"calc(20px) 25%" ,
"25% calc(20px)" ,
"calc(20px) calc(20px)" ,
"calc(20px + 1em) calc(20px / 2)" ,
"calc(20px + 50%) calc(50% - 10px)" ,
"calc(-20px) calc(-50%)" ,
"calc(-20%) calc(-50%)"
] . concat ( SpecialPowers . getBoolPref ( "layout.3d-transforms.enabled" ) ? [
"6px 5px 5px" ,
"top center 10px"
] : [ ] ) ,
invalid _values : [ "red" , "auto" , "none" , "0.5 0.5" , "40px #0000ff" ,
"border" , "center red" , "right diagonal" ,
"#00ffff bottom" ]
} ,
"-moz-perspective-origin" : {
domProp : "MozPerspectiveOrigin" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "perspective-origin" ,
subproperties : [ "perspective-origin" ] ,
prerequisites : { "width" : "10px" , "height" : "10px" , "display" : "block" } ,
initial _values : [ "50% 50%" , "center" , "center center" ] ,
other _values : [ "25% 25%" , "6px 5px" , "20% 3em" , "0 0" , "0in 1in" ,
"top" , "bottom" , "top left" , "top right" ,
"top center" , "center left" , "center right" ,
"bottom left" , "bottom right" , "bottom center" ,
"20% center" , "6px center" , "13in bottom" ,
"left 50px" , "right 13%" , "center 40px" ,
"calc(20px)" ,
"calc(20px) 10px" ,
"10px calc(20px)" ,
"calc(20px) 25%" ,
"25% calc(20px)" ,
"calc(20px) calc(20px)" ,
"calc(20px + 1em) calc(20px / 2)" ,
"calc(20px + 50%) calc(50% - 10px)" ,
"calc(-20px) calc(-50%)" ,
"calc(-20%) calc(-50%)" ] ,
invalid _values : [ "red" , "auto" , "none" , "0.5 0.5" , "40px #0000ff" ,
"border" , "center red" , "right diagonal" ,
"#00ffff bottom" ]
} ,
"-moz-perspective" : {
domProp : "MozPerspective" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "perspective" ,
subproperties : [ "perspective" ] ,
initial _values : [ "none" ] ,
other _values : [ "1000px" , "500.2px" ] ,
invalid _values : [ "pants" , "200" , "0" , "-100px" , "-27.2em" ]
} ,
"-moz-backface-visibility" : {
domProp : "MozBackfaceVisibility" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "backface-visibility" ,
subproperties : [ "backface-visibility" ] ,
initial _values : [ "visible" ] ,
other _values : [ "hidden" ] ,
invalid _values : [ "collapse" ]
} ,
"-moz-transform-style" : {
domProp : "MozTransformStyle" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "transform-style" ,
subproperties : [ "transform-style" ] ,
initial _values : [ "flat" ] ,
other _values : [ "preserve-3d" ] ,
invalid _values : [ ]
} ,
"-moz-border-image" : {
domProp : "MozBorderImage" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
alias _for : "border-image" ,
subproperties : [ "border-image-source" , "border-image-slice" , "border-image-width" , "border-image-outset" , "border-image-repeat" ] ,
initial _values : [ "none" ] ,
other _values : [ "url('border.png') 27 27 27 27" ,
"url('border.png') 27" ,
"stretch url('border.png')" ,
"url('border.png') 27 fill" ,
"url('border.png') 27 27 27 27 repeat" ,
"repeat url('border.png') 27 27 27 27" ,
"url('border.png') repeat 27 27 27 27" ,
"url('border.png') fill 27 27 27 27 repeat" ,
"url('border.png') 27 27 27 27 / 1em" ,
"27 27 27 27 / 1em url('border.png') " ,
"url('border.png') 27 27 27 27 / 10 10 10 / 10 10 repeat" ,
"repeat 27 27 27 27 / 10 10 10 / 10 10 url('border.png')" ,
"url('border.png') 27 27 27 27 / / 10 10 1em" ,
"fill 27 27 27 27 / / 10 10 1em url('border.png')" ,
"url('border.png') 27 27 27 27 / 1em 1em 1em 1em repeat" ,
"url('border.png') 27 27 27 27 / 1em 1em 1em 1em stretch round" ] ,
invalid _values : [ "url('border.png') 27 27 27 27 27" ,
"url('border.png') 27 27 27 27 / 1em 1em 1em 1em 1em" ,
"url('border.png') 27 27 27 27 /" ,
"url('border.png') fill" ,
"url('border.png') fill repeat" ,
"fill repeat" ,
"url('border.png') fill / 1em" ,
"url('border.png') / repeat" ,
"url('border.png') 1 /" ,
"url('border.png') 1 / /" ,
"1 / url('border.png')" ,
"url('border.png') / 1" ,
"url('border.png') / / 1" ]
} ,
"-moz-transition" : {
domProp : "MozTransition" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
alias _for : "transition" ,
subproperties : [ "transition-property" , "transition-duration" , "transition-timing-function" , "transition-delay" ] ,
initial _values : [ "all 0s ease 0s" , "all" , "0s" , "0s 0s" , "ease" ] ,
other _values : [ "width 1s linear 2s" , "width 1s 2s linear" , "width linear 1s 2s" , "linear width 1s 2s" , "linear 1s width 2s" , "linear 1s 2s width" , "1s width linear 2s" , "1s width 2s linear" , "1s 2s width linear" , "1s linear width 2s" , "1s linear 2s width" , "1s 2s linear width" , "width linear 1s" , "width 1s linear" , "linear width 1s" , "linear 1s width" , "1s width linear" , "1s linear width" , "1s 2s width" , "1s width 2s" , "width 1s 2s" , "1s 2s linear" , "1s linear 2s" , "linear 1s 2s" , "width 1s" , "1s width" , "linear 1s" , "1s linear" , "1s 2s" , "2s 1s" , "width" , "linear" , "1s" , "height" , "2s" , "ease-in-out" , "2s ease-in" , "opacity linear" , "ease-out 2s" , "2s color, 1s width, 500ms height linear, 1s opacity 4s cubic-bezier(0.0, 0.1, 1.0, 1.0)" , "1s \\32width linear 2s" , "1s -width linear 2s" , "1s -\\32width linear 2s" , "1s \\32 0width linear 2s" , "1s -\\32 0width linear 2s" , "1s \\2width linear 2s" , "1s -\\2width linear 2s" ] ,
invalid _values : [ "2s, 1s width" , "1s width, 2s" , "2s all, 1s width" , "1s width, 2s all" , "1s width, 2s none" , "2s none, 1s width" , "2s inherit" , "inherit 2s" , "2s width, 1s inherit" , "2s inherit, 1s width" , "2s initial" , "2s all, 1s width" , "2s width, 1s all" ]
} ,
"-moz-transition-delay" : {
domProp : "MozTransitionDelay" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "transition-delay" ,
subproperties : [ "transition-delay" ] ,
initial _values : [ "0s" , "0ms" ] ,
other _values : [ "1s" , "250ms" , "-100ms" , "-1s" , "1s, 250ms, 2.3s" ] ,
invalid _values : [ "0" , "0px" ]
} ,
"-moz-transition-duration" : {
domProp : "MozTransitionDuration" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "transition-duration" ,
subproperties : [ "transition-duration" ] ,
initial _values : [ "0s" , "0ms" ] ,
other _values : [ "1s" , "250ms" , "1s, 250ms, 2.3s" ] ,
invalid _values : [ "0" , "0px" , "-1ms" , "-2s" ]
} ,
"-moz-transition-property" : {
domProp : "MozTransitionProperty" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "transition-property" ,
subproperties : [ "transition-property" ] ,
initial _values : [ "all" ] ,
other _values : [ "none" , "left" , "top" , "color" , "width, height, opacity" , "foobar" , "auto" , "\\32width" , "-width" , "-\\32width" , "\\32 0width" , "-\\32 0width" , "\\2width" , "-\\2width" ] ,
invalid _values : [ "none, none" , "all, all" , "color, none" , "none, color" , "all, color" , "color, all" , "inherit, color" , "color, inherit" , "initial, color" , "color, initial" , "none, color" , "color, none" , "all, color" , "color, all" ]
} ,
"-moz-transition-timing-function" : {
domProp : "MozTransitionTimingFunction" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "transition-timing-function" ,
subproperties : [ "transition-timing-function" ] ,
initial _values : [ "ease" , "cubic-bezier(0.25, 0.1, 0.25, 1.0)" ] ,
other _values : [ "linear" , "ease-in" , "ease-out" , "ease-in-out" , "linear, ease-in, cubic-bezier(0.1, 0.2, 0.8, 0.9)" , "cubic-bezier(0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.25, 1.5, 0.75, -0.5)" , "step-start" , "step-end" , "steps(1)" , "steps(2, start)" , "steps(386)" , "steps(3, end)" ] ,
invalid _values : [ "none" , "auto" , "cubic-bezier(0.25, 0.1, 0.25)" , "cubic-bezier(0.25, 0.1, 0.25, 0.25, 1.0)" , "cubic-bezier(-0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(1.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.5, 0.5, -0.5, 0.5)" , "cubic-bezier(0.5, 0.5, 1.5, 0.5)" , "steps(2, step-end)" , "steps(0)" , "steps(-2)" , "steps(0, step-end, 1)" ]
} ,
"-moz-animation" : {
domProp : "MozAnimation" ,
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
alias _for : "animation" ,
subproperties : [ "animation-name" , "animation-duration" , "animation-timing-function" , "animation-delay" , "animation-direction" , "animation-fill-mode" , "animation-iteration-count" ] ,
initial _values : [ "none none 0s 0s ease normal 1.0" , "none" , "0s" , "ease" , "normal" , "1.0" ] ,
other _values : [ "bounce 1s linear 2s" , "bounce 1s 2s linear" , "bounce linear 1s 2s" , "linear bounce 1s 2s" , "linear 1s bounce 2s" , "linear 1s 2s bounce" , "1s bounce linear 2s" , "1s bounce 2s linear" , "1s 2s bounce linear" , "1s linear bounce 2s" , "1s linear 2s bounce" , "1s 2s linear bounce" , "bounce linear 1s" , "bounce 1s linear" , "linear bounce 1s" , "linear 1s bounce" , "1s bounce linear" , "1s linear bounce" , "1s 2s bounce" , "1s bounce 2s" , "bounce 1s 2s" , "1s 2s linear" , "1s linear 2s" , "linear 1s 2s" , "bounce 1s" , "1s bounce" , "linear 1s" , "1s linear" , "1s 2s" , "2s 1s" , "bounce" , "linear" , "1s" , "height" , "2s" , "ease-in-out" , "2s ease-in" , "opacity linear" , "ease-out 2s" , "2s color, 1s bounce, 500ms height linear, 1s opacity 4s cubic-bezier(0.0, 0.1, 1.0, 1.0)" , "1s \\32bounce linear 2s" , "1s -bounce linear 2s" , "1s -\\32bounce linear 2s" , "1s \\32 0bounce linear 2s" , "1s -\\32 0bounce linear 2s" , "1s \\2bounce linear 2s" , "1s -\\2bounce linear 2s" , "2s, 1s bounce" , "1s bounce, 2s" , "2s all, 1s bounce" , "1s bounce, 2s all" , "1s bounce, 2s none" , "2s none, 1s bounce" , "2s bounce, 1s all" , "2s all, 1s bounce" ] ,
invalid _values : [ "2s inherit" , "inherit 2s" , "2s bounce, 1s inherit" , "2s inherit, 1s bounce" , "2s initial" ]
} ,
"-moz-animation-delay" : {
domProp : "MozAnimationDelay" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-delay" ,
subproperties : [ "animation-delay" ] ,
initial _values : [ "0s" , "0ms" ] ,
other _values : [ "1s" , "250ms" , "-100ms" , "-1s" , "1s, 250ms, 2.3s" ] ,
invalid _values : [ "0" , "0px" ]
} ,
"-moz-animation-direction" : {
domProp : "MozAnimationDirection" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-direction" ,
subproperties : [ "animation-direction" ] ,
initial _values : [ "normal" ] ,
other _values : [ "alternate" , "normal, alternate" , "alternate, normal" , "normal, normal" , "normal, normal, normal" , "reverse" , "alternate-reverse" , "normal, reverse, alternate-reverse, alternate" ] ,
invalid _values : [ "normal normal" , "inherit, normal" , "reverse-alternate" ]
} ,
"-moz-animation-duration" : {
domProp : "MozAnimationDuration" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-duration" ,
subproperties : [ "animation-duration" ] ,
initial _values : [ "0s" , "0ms" ] ,
other _values : [ "1s" , "250ms" , "1s, 250ms, 2.3s" ] ,
invalid _values : [ "0" , "0px" , "-1ms" , "-2s" ]
} ,
"-moz-animation-fill-mode" : {
domProp : "MozAnimationFillMode" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-fill-mode" ,
subproperties : [ "animation-fill-mode" ] ,
initial _values : [ "none" ] ,
other _values : [ "forwards" , "backwards" , "both" , "none, none" , "forwards, backwards" , "forwards, none" , "none, both" ] ,
invalid _values : [ "all" ]
} ,
"-moz-animation-iteration-count" : {
domProp : "MozAnimationIterationCount" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-iteration-count" ,
subproperties : [ "animation-iteration-count" ] ,
initial _values : [ "1" ] ,
other _values : [ "infinite" , "0" , "0.5" , "7.75" , "-0.0" , "1, 2, 3" , "infinite, 2" , "1, infinite" ] ,
// negatives forbidden per
// http://lists.w3.org/Archives/Public/www-style/2011Mar/0355.html
invalid _values : [ "none" , "-1" , "-0.5" , "-1, infinite" , "infinite, -3" ]
} ,
"-moz-animation-name" : {
domProp : "MozAnimationName" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-name" ,
subproperties : [ "animation-name" ] ,
initial _values : [ "none" ] ,
other _values : [ "all" , "ball" , "mall" , "color" , "bounce, bubble, opacity" , "foobar" , "auto" , "\\32bounce" , "-bounce" , "-\\32bounce" , "\\32 0bounce" , "-\\32 0bounce" , "\\2bounce" , "-\\2bounce" ] ,
invalid _values : [ "bounce, initial" , "initial, bounce" , "bounce, inherit" , "inherit, bounce" ]
} ,
"-moz-animation-play-state" : {
domProp : "MozAnimationPlayState" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-play-state" ,
subproperties : [ "animation-play-state" ] ,
initial _values : [ "running" ] ,
other _values : [ "paused" , "running, running" , "paused, running" , "paused, paused" , "running, paused" , "paused, running, running, running, paused, running" ] ,
invalid _values : [ "0" ]
} ,
"-moz-animation-timing-function" : {
domProp : "MozAnimationTimingFunction" ,
inherited : false ,
type : CSS _TYPE _SHORTHAND _AND _LONGHAND ,
alias _for : "animation-timing-function" ,
subproperties : [ "animation-timing-function" ] ,
initial _values : [ "ease" , "cubic-bezier(0.25, 0.1, 0.25, 1.0)" ] ,
other _values : [ "linear" , "ease-in" , "ease-out" , "ease-in-out" , "linear, ease-in, cubic-bezier(0.1, 0.2, 0.8, 0.9)" , "cubic-bezier(0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.25, 1.5, 0.75, -0.5)" , "step-start" , "step-end" , "steps(1)" , "steps(2, start)" , "steps(386)" , "steps(3, end)" ] ,
invalid _values : [ "none" , "auto" , "cubic-bezier(0.25, 0.1, 0.25)" , "cubic-bezier(0.25, 0.1, 0.25, 0.25, 1.0)" , "cubic-bezier(-0.5, 0.5, 0.5, 0.5)" , "cubic-bezier(1.5, 0.5, 0.5, 0.5)" , "cubic-bezier(0.5, 0.5, -0.5, 0.5)" , "cubic-bezier(0.5, 0.5, 1.5, 0.5)" , "steps(2, step-end)" , "steps(0)" , "steps(-2)" , "steps(0, step-end, 1)" ]
2007-04-15 15:27:14 -07:00
}
}
2007-07-22 12:56:13 -07:00
function logical _box _prop _get _computed ( cs , property )
{
if ( ! /^-moz-/ . test ( property ) )
throw "Unexpected property" ;
property = property . substring ( 5 ) ;
if ( cs . getPropertyValue ( "direction" ) == "ltr" )
property = property . replace ( "-start" , "-left" ) . replace ( "-end" , "-right" ) ;
else
property = property . replace ( "-start" , "-right" ) . replace ( "-end" , "-left" ) ;
return cs . getPropertyValue ( property ) ;
}
// Get the computed value for a property. For shorthands, return the
// computed values of all the subproperties, delimited by " ; ".
function get _computed _value ( cs , property )
{
var info = gCSSProperties [ property ] ;
2012-09-18 11:37:14 -07:00
if ( info . type == CSS _TYPE _TRUE _SHORTHAND ||
( info . type == CSS _TYPE _SHORTHAND _AND _LONGHAND &&
property == "text-decoration" ) ) {
2007-07-22 12:56:13 -07:00
var results = [ ] ;
for ( var idx in info . subproperties ) {
var subprop = info . subproperties [ idx ] ;
results . push ( get _computed _value ( cs , subprop ) ) ;
}
return results . join ( " ; " ) ;
}
if ( info . get _computed )
return info . get _computed ( cs , property ) ;
return cs . getPropertyValue ( property ) ;
}
2012-10-03 18:44:11 -07:00
// Automatically add pref-controlled CSS properties & keywords
// to gCSSProperties, if the flexbox pref is enabled.
if ( SpecialPowers . getBoolPref ( "layout.css.flexbox.enabled" ) ) {
var flexProperties = {
2012-10-15 12:42:43 -07:00
"align-items" : {
domProp : "alignItems" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "stretch" ] ,
other _values : [ "flex-start" , "flex-end" , "center" , "baseline" ] ,
invalid _values : [ "space-between" , "abc" , "30px" ]
} ,
2012-10-15 12:42:43 -07:00
"align-self" : {
domProp : "alignSelf" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
// (Assuming defaults on the parent, 'auto' will compute to 'stretch'.)
initial _values : [ "auto" , "stretch" ] ,
other _values : [ "flex-start" , "flex-end" , "center" , "baseline" ] ,
invalid _values : [ "space-between" , "abc" , "30px" ]
} ,
2012-10-15 12:42:43 -07:00
"flex" : {
domProp : "flex" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _TRUE _SHORTHAND ,
subproperties : [
2012-10-15 12:42:43 -07:00
"flex-grow" ,
"flex-shrink" ,
"flex-basis"
2012-10-03 18:44:11 -07:00
] ,
initial _values : [ "0 1 auto" , "auto 0 1" , "0 auto" , "auto 0" ] ,
other _values : [
"none" ,
"1" ,
"0" ,
"0 1" ,
"0.5" ,
"1.2 3.4" ,
2012-11-08 17:27:47 -08:00
"0 0 0" ,
2012-10-03 18:44:11 -07:00
"0 0 0px" ,
"0px 0 0" ,
"5px 0 0" ,
"2 auto" ,
"auto 4" ,
"auto 5.6 7.8" ,
"-moz-max-content" ,
"1 -moz-max-content" ,
"1 2 -moz-max-content" ,
"-moz-max-content 1" ,
"-moz-max-content 1 2" ,
"-0"
] ,
invalid _values : [
"1 2px 3" ,
"1 auto 3" ,
"1px 2 3px" ,
"1px 2 3 4px" ,
"-1" ,
"1 -1"
]
} ,
2012-10-15 12:42:43 -07:00
"flex-basis" : {
domProp : "flexBasis" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ " auto" ] ,
// NOTE: This is cribbed directly from the "width" chunk, since this
// property takes the exact same values as width (albeit with
// different semantics on 'auto').
// XXXdholbert (Maybe these should get separated out into
// a reusable array defined at the top of this file?)
other _values : [ "15px" , "3em" , "15%" , "-moz-max-content" , "-moz-min-content" , "-moz-fit-content" , "-moz-available" ,
// valid calc() values
"calc(-2px)" ,
"calc(2px)" ,
"calc(50%)" ,
"calc(50% + 2px)" ,
"calc( 50% + 2px)" ,
"calc(50% + 2px )" ,
"calc( 50% + 2px )" ,
"calc(50% - -2px)" ,
"calc(2px - -50%)" ,
"calc(3*25px)" ,
"calc(3 *25px)" ,
"calc(3 * 25px)" ,
"calc(3* 25px)" ,
"calc(25px*3)" ,
"calc(25px *3)" ,
"calc(25px* 3)" ,
"calc(25px * 3)" ,
"calc(3*25px + 50%)" ,
"calc(50% - 3em + 2px)" ,
"calc(50% - (3em + 2px))" ,
"calc((50% - 3em) + 2px)" ,
"calc(2em)" ,
"calc(50%)" ,
"calc(50px/2)" ,
"calc(50px/(2 - 1))"
] ,
invalid _values : [ "none" , "-2px" ,
// invalid calc() values
"calc(50%+ 2px)" ,
"calc(50% +2px)" ,
"calc(50%+2px)" ,
"-moz-min()" ,
"calc(min())" ,
"-moz-max()" ,
"calc(max())" ,
"-moz-min(5px)" ,
"calc(min(5px))" ,
"-moz-max(5px)" ,
"calc(max(5px))" ,
"-moz-min(5px,2em)" ,
"calc(min(5px,2em))" ,
"-moz-max(5px,2em)" ,
"calc(max(5px,2em))" ,
"calc(50px/(2 - 2))" ,
// If we ever support division by values, which is
// complicated for the reasons described in
// http://lists.w3.org/Archives/Public/www-style/2010Jan/0007.html
// , we should support all 4 of these as described in
// http://lists.w3.org/Archives/Public/www-style/2009Dec/0296.html
"calc((3em / 100%) * 3em)" ,
"calc(3em / 100% * 3em)" ,
"calc(3em * (3em / 100%))" ,
"calc(3em * 3em / 100%)"
]
} ,
2012-10-15 12:42:43 -07:00
"flex-direction" : {
domProp : "flexDirection" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "row" ] ,
other _values : [ "row-reverse" , "column" , "column-reverse" ] ,
invalid _values : [ "10px" , "30%" , "justify" , "column wrap" ]
} ,
2012-10-15 12:42:43 -07:00
"flex-grow" : {
domProp : "flexGrow" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "0" ] ,
other _values : [ "3" , "1" , "1.0" , "2.5" , "123" ] ,
invalid _values : [ "0px" , "-5" , "1%" , "3em" , "stretch" , "auto" ]
} ,
2012-10-15 12:42:43 -07:00
"flex-shrink" : {
domProp : "flexShrink" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "1" ] ,
other _values : [ "3" , "0" , "0.0" , "2.5" , "123" ] ,
invalid _values : [ "0px" , "-5" , "1%" , "3em" , "stretch" , "auto" ]
} ,
2012-10-15 12:42:43 -07:00
"order" : {
domProp : "order" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "0" ] ,
other _values : [ "1" , "99999" , "-1" , "-50" ] ,
invalid _values : [ "0px" , "1.0" , "1." , "1%" , "0.2" , "3em" , "stretch" ]
} ,
2012-10-15 12:42:43 -07:00
"justify-content" : {
domProp : "justifyContent" ,
2012-10-03 18:44:11 -07:00
inherited : false ,
type : CSS _TYPE _LONGHAND ,
initial _values : [ "flex-start" ] ,
other _values : [ "flex-end" , "center" , "space-between" , "space-around" ] ,
invalid _values : [ "baseline" , "stretch" , "30px" , "5%" ]
}
} ;
for ( var prop in flexProperties ) {
gCSSProperties [ prop ] = flexProperties [ prop ] ;
}
2012-10-15 12:42:43 -07:00
gCSSProperties [ "display" ] . other _values . push ( "flex" ) ;
gCSSProperties [ "display" ] . other _values . push ( "inline-flex" ) ;
2012-10-03 18:44:11 -07:00
}