Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

property data

Property Name Values Mozilla Values Opera Values IE Values Webkit Values Initial value Applies to Inherited Animatable Percentages Media groups Computed value Mozilla Presto Trident Webkit
accelerator false ; true false no no both
align-content flex-start ; flex-end ; center ; space-between ; space-around ; stretch stretch multi-line flex containers no no x x -webkit
align-items flex-start ; flex-end ; center ; baseline ; stretch stretch flex containers no no x x x -webkit
align-self auto ; flex-start ; flex-end ; center ; baseline ; stretch auto flex items no no auto computes to parent's align-items; otherwise as specified x x x -webkit
alignment-adjust \ auto inline-level elements no no refers to the 'line-height' of the element see text
alignment-baseline baseline ; use-script ; before-edge ; text-before-edge ; after-edge ; text-after-edge ; central ; middle ; ideographic ; alphabetic ; hanging ; mathematical baseline inline-level elements no no x x
all initial ; inherit ; default see individual properties see individual properties see individual properties see individual properties see individual properties see individual properties see individual properties
animation "\ [ ë í \ ]\*" see individual properties see individual properties no see individual properties x x both -webkit
animation-delay " \]\*" 0s no no x x both -webkit
animation-direction "\ [ ë í \ ]\*" normal no no x x both -webkit
animation-duration "\ [ \]\*" 0s no no x x both -webkit
animation-fill-mode "\ [ ë í \ ]\*" none no no x x both -webkit
animation-iteration-count "\ [ ë í \ ]\*" 1 no no x x both -webkit
animation-name "\ [ ë í \ ]\*" none no no x x both -webkit
animation-play-state "\ [ ë í \ ]\*" running no no x x both -webkit
animation-timing-function "\ [ ë í \ ]\*" ease no no x x both -webkit
appearance normal ; icon ; window ; desktop ; workspace ; document ; tooltip ; dialog ; button ; push-button ; hyperlink ; radio-button ; checkbox ; menu-item ; tab ; menu ; menubar ; pull-down-menu ; pop-up-menu ; list-menu ; radio-group ; checkbox-group ; outline-tree ; range ; field ; combo-box ; signature ; password none ; button ; button-arrow-down ; button-arrow-next ; button-arrow-previous ; button-arrow-up ; button-bevel ; button-focus ; caret ; checkbox ; checkbox-container ; checkbox-label ; checkboxmenuitem ; dualbutton ; groupbox ; listbox ; listitem ; menuarrow ; menubar ; menucheckbox ; menuitem ; menuitemtext ; menulist ; menulist-button ; menulist-text ; menulist-textfield ; menupopup ; menuradio ; menuseparator ; meterbar ; meterchunk ; progressbar ; progressbar-vertical ; radio ; radio-container ; radio-label ; radiomenuitem ; resizer ; resizerpanel ; scale-horizontal ; scalethembend ; scalethumb-horizontal ; scalethumbstart ; scalethumbtick ; scalethumb-vertical ; scale-vertical ; scrollbarbutton-down ; scrollbarbutton-left ; scrollbarbutton-right ; scrollbarbutton-up ; scrollbarthumb-horizontal ; scrollbarthumb-vertical ; scrollbartrack-horizontal ; scrollbartrack-vertical ; searchfield ; separator ; sheet ; spinner ; spinner-downbutton ; spinner-textfield ; spinner-upbutton ; splitter ; statusbar ; statusbarpanel ; tab ; tabpanel ; tabpanels ; tab-scroll-arrow-back ; tab-scroll-arrow-forward ; textfield ; textfield-multiline ; toolbar ; toolbarbutton ; toobarbutton-dropdown ; toolbargripper ; toolbox ; tooltip ; treeheader ; treeheadercell ; treeheadersortarrow ; treeitem ; treeline ; treetwisty ; treetwistyopen ; treeview ; -moz-mac-unified-toolbar ; -moz-win-borderless-glass ; -moz-win-browsertabbar-toolbox ; -moz-win-communicationstext ; -moz-win-communications-toolbox ; -moz-win-exclude-glass ; -moz-win-glass ; -moz-win-mediatext ; -moz-win-media-toolbox ; -moz-window-button-box ; -moz-window-button-box-maximized ; -moz-window-button-close ; -moz-window-button-maximize ; -moz-window-button-minimize ; -moz-window-button-restore ; -moz-window-frame-bottom ; -moz-window-frame-left ; -moz-window-frame-right ; -moz-window-titlebar ; -moz-window-titlebar-maximized button-bevel ; caps-lock-indicator ; caret ; checkbox ; listbox ; listitem ; menulist ; menulist-button ; menulist-text ; menulist-textfield ; push-button ; radio ; scrollbarbutton-down ; scrollbarbutton-left ; scrollbarbutton-right ; scrollbarbutton-up ; scrollbargripper-horizontal ; scrollbargripper-vertical ; scrollbarthumb-horizontal ; scrollbarthumb-vertical ; scrollbartrack-horizontal ; scrollbartrack-vertical ; searchfield ; searchfield-cancel-button ; searchfield-decoration ; searchfield-results-button ; searchfield-results-decoration ; slider-horizontal ; sliderthumb-horizontal ; sliderthumb-vertical ; slider-vertical ; square-button ; textarea ; textfield normal no no -moz -webkit
aspect-ratio none ; \ none -webkit
audio-level \ 1
azimuth [[ left-side ; far-left ; left ; center-left ; center ; center-right ; right ; far-right ; right-side ] leftwards ; rightwards center yes "yes as an \" aural normalized \
backface-visibility visible ; hidden visible transformable elements no no -moz both -webkit
background "[ \ ]\* \" see individual properties no see individual properties see individual properties see individual properties x x x x
background-attachment "\ [ \ ]\*" scroll no no x x x x
background-clip "\ [ \ ]\*" border-box no no x x x both
background-color \ transparent no "yes as a \" x x x x
background-composite border ; clear ; copy ; destination-atop ; destination-in ; destination-out ; destination-over ; highlight ; padding ; plus-darker ; plus-lighter ; source-atop ; source-in ; source-out ; source-over ; xor source-over no no -webkit
background-image "\ [ \ ]\* " none no no x x x x
background-inline-policy bounding-box ; continuous ; each-box continuous inline-level elements no no -moz
background-origin "\ [ \ ]\*" padding-box no no x x x both
background-position "\ [ \ ]\*" 0% 0% no "yes as repeatable list of simple list of \ \ or calc" refer to size of background positioning area minus size of background image; see text x x x x
background-position-x \ | left ; center ; right 0% no "yes as repeatable list of simple list of \ \ or calc" refer to size of background positioning area minus size of background image; see text both x
background-position-y \ | top ; center ; bottom 0% no "yes as repeatable list of simple list of \ \ or calc" refer to size of background positioning area minus size of background image; see text both x
background-repeat "\ [ \ ]\*" repeat no no x x x x
background-size "\ [ \ ]\*" auto no ?? x x x both
baseline-shift \ baseline inline-level elements no ?? refers to the 'line-height' of the element see text x x
behavior none ; \ none no no both
binding none ; \ none all elements (but not pseudo-elements) no no -moz
bleed \ 6pt paged content no ?? absolute length
block-progression tb ; rl ; bt ; lr tb no no -ms
bookmark-label none ; \ none no ??
bookmark-level \ content() no no
bookmark-state open ; closed open block-level elements no no
bookmark-target none ; \ none no no
border \ \ \ see individual properties no see individual properties see individual properties x x x x
border-after \ \ \ see individual properties no see individual properties see individual properties -webkit
border-after-color \ currentColor no "yes as a \" the computed value of color -webkit
border-after-style \ none no no -webkit
border-after-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení -webkit
border-before \ \ \ see individual properties no see individual properties see individual properties -webkit
border-before-color \ currentColor no "yes as a \" the computed value of color -webkit
border-before-style \ none no no -webkit
border-before-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení -webkit
border-bottom \ \ \ see individual properties no see individual properties see individual properties x x x x
border-bottom-color \ currentColor no "yes as a \" the computed value of color x x x x
border-bottom-colors none none no no the computed value of color -moz
border-bottom-left-radius \ ]{1 2}" 0 no "yes as a simple list of \ \ or calc" refer to the corresponding dimension of the border box two absolute lengths or percentages x x x both
border-bottom-right-radius \ ]{1 2}" 0 no "yes as a simple list of \ \ or calc" refer to the corresponding dimension of the border box two absolute lengths or percentages x x x both
border-bottom-style \ none no no x x x x
border-bottom-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení x x x x
border-clip \ | \ ]+ normal no ??
border-clip-bottom \ | \ ]+ normal no ?? "ënormalí or a list consisting of absolute lengths or percentages as specified"
border-clip-left \ | \ ]+ normal no ?? "ënormalí or a list consisting of absolute lengths or percentages as specified"
border-clip-right \ | \ ]+ normal no ?? "ënormalí or a list consisting of absolute lengths or percentages as specified"
border-clip-top \ | \ ]+ normal no ?? "ënormalí or a list consisting of absolute lengths or percentages as specified"
border-collapse collapse ; separate separate table' and 'inline-table' elements yes no x x x x
border-color "\{1 4}" see individual properties no see individual properties see individual properties x x x x
border-corner-shape no no
border-end \ \ \ see individual properties no see individual properties see individual properties -moz -webkit
border-end-color \ currentColor no "yes as a \" the computed value of color -moz -webkit
border-end-style \ none no no -moz -webkit
border-end-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení -moz -webkit
border-fit no ?? -webkit
border-horizontal-spacing \ 0 no "yes as a \" -webkit
border-image no no x -o x both
border-image-outset no x x x
border-image-repeat no no x x x
border-image-slice no x x x
border-image-source no no x x x
border-image-width no x x x
border-left \ \ \ see individual properties no see individual properties see individual properties x x x x
border-left-color \ currentColor no "yes as a \" the computed value of color x x x x
border-left-colors none none no no the computed value of color -moz
border-left-style \ none no no x x x x
border-left-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení x x x x
border-radius "
\ ]{1 \ ]{1 4} ]? " \ ]{1 \ ]{1 4} ]?" see individual properties no see individual properties refer to the corresponding dimension of the border box see individual properties x x x both
border-right \ \ \ see individual properties no see individual properties see individual properties x x x x
border-right-color \ currentColor no "yes as a \" the computed value of color x x x x
border-right-colors none none no no the computed value of color -moz
border-right-style \ none no no x x x x
border-right-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení x x x x
border-spacing \ \? 0 table' and 'inline-table' elements yes "yes as a simple list of \" x x x x
border-start \ \ \ see individual properties no see individual properties see individual properties -moz -webkit
border-start-color \ currentColor no "yes as a \" the computed value of color -moz -webkit
border-start-style \ none no no -moz -webkit
border-start-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení -moz -webkit
border-style "border-style\>{1 4}" see individual properties no see individual properties x x x x
border-top \ \ \ see individual properties no see individual properties see individual properties x x x x
border-top-color \ currentColor no "yes as a \" the computed value of color x x x x
border-top-colors none none no no the computed value of color -moz
border-top-left-radius \ ]{1 2}" 0 no "yes as a simple list of \ \ or calc" refer to the corresponding dimension of the border box two absolute lengths or percentages x x x both
border-top-right-radius \ ]{1 2}" 0 no "yes as a simple list of \ \ or calc" refer to the corresponding dimension of the border box two absolute lengths or percentages x x x both
border-top-style \ none no no x x x x
border-top-width \ medium no "yes as a \" absolute length; ë0í if the border style is ënoneí or ëhiddení x x x x
border-vertical-spacing no ?? -webkit
border-width "\{1 4}" see individual properties no see individual properties x x x x
bottom no "yes as a \ \ or calc" x x x x
box-align no no -moz -webkit
box-decoration-break no x -webkit
box-direction -moz -webkit
box-flex -moz -webkit
box-flex-group -moz -webkit
box-lines -webkit
box-ordinal-group -moz -webkit
box-orient -moz -webkit
box-pack -moz -webkit
box-reflect -webkit
box-shadow x x x both
box-sizing -moz x x both
box-snap
break-after x x
break-before x x
break-inside x x
caption-side x x x x
chains
child-align
clear x x x x
clear-after
clear-side
clip x x x x
clip-path x x x
clip-rule x x x
color x x x x
color-correction -webkit
color-interpolation x
color-interpolation-filters x x x
color-profile x
color-rendering x
column-axis -webkit
column-break-after -webkit
column-break-before -webkit
column-break-inside -webkit
column-count x x -webkit
column-fill x x
column-gap x x -webkit
column-rule x x -webkit
column-rule-color x x -webkit
column-rule-style x x -webkit
column-rule-width x x -webkit
column-span x x -webkit
column-width x x -webkit
columns x x -webkit
content x x x x
content-zoom-boundary -ms
content-zoom-boundary-max -ms
content-zoom-boundary-min -ms
content-zoom-chaining -ms
content-zooming -ms
content-zoom-limit -ms
content-zoom-limit-max -ms
content-zoom-limit-min -ms
content-zoom-snap -ms
content-zoom-snap-points -ms
content-zoom-snap-type -ms
counter-increment x x x x
counter-reset x x x x
counter-set
cue x
cue-after x
cue-before x
cursor x x x x
dashboard-region -webkit
device-pixel-ratio -o
direction x x x x
display x x x x
display-align x
dominant-baseline auto ; use-script ; no-change ; reset-size ; alphabetic ; hanging ; ideographic ; mathematical ; central ; middle ; text-after-edge ; text-before-edge auto no no x x x
drop-initial-after-adjust † after-edge ; text-after-edge ; ideographic ; alphabetic ; hanging ; mathematical ; \ | \ text-after-edge ::first-letter pseudo element no no refer to combined line height size as provided by drop-initial-value
drop-initial-after-align \<'alignment-baseline'\> baseline ::first-letter pseudo element no no
drop-initial-before-adjust \ text-before-edge ::first-letter pseudo element no no refers to combined line height size as provided by drop-initial-value
drop-initial-before-align caps-height ; \<'alignment-baseline'\> caps-height ::first-letter pseudo element no no
drop-initial-size \ | \ auto ::first-letter pseudo element no no refers to combined line height size as provided by drop-initial-value
drop-initial-value initial ; \ initial ::first-letter pseudo element no no
elevation
empty-cells x x x x
enable-background x x x
fill x x x
fill-opacity x x x
fill-rule x x x
filter x x both both
flex both -webkit
flex-align -ms
flex-basis
flex-direction -ms -webkit
flex-flow -ms -webkit
flex-grow
flex-item-align -ms
flex-line-pack -ms
flex-negative -ms
flex-order -ms
flex-pack -ms
flex-positive -ms
flex-preferred-size -ms
flex-shrink
flex-wrap -ms -webkit
float x x x x
float-displace
float-edge -moz
float-offset
flood-color x x x
flood-opacity x x x
flow
flow-from -ms
flow-into -ms
font x x x x
font-family x x x x
font-feature-settings -moz both -webkit
font-kerning -webkit
font-langauge-override -moz
font-size x x x x
font-size-adjust x x
font-size-delta -webkit
font-smoothing -webkit
font-stretch x x x
font-style x x x x
font-synthesis
font-variant x x x x
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures -webkit
font-variant-numeric
font-variant-position
font-weight x x x x
force-broken-image-icon -moz
format-detection -ms
glyph-orientation-horizontal x x x
glyph-orientation-vertical x x x
grid-area
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-cell
grid-column -ms -webkit
grid-column-align -ms
grid-column-position
grid-column-sizing
grid-column-span -ms
grid-columns -ms -webkit
grid-definition-columns
grid-definition-rows
grid-flow
grid-layer -ms
grid-row -ms -webkit
grid-row-align -ms
grid-rows -ms -webkit
grid-row-sizing
grid-row-span -ms
grid-span
grid-template
hanging-punctuation
height x x x x
high-contrast-adjust -ms
highlight -webkit
hyphenate-character -webkit
hyphenate-limit-after -webkit
hyphenate-limit-before -webkit
hyphenate-limit-chars -ms
hyphenate-limit-last
hyphenate-limit-lines -ms -webkit
hyphenate-limit-zone -ms
hyphens -moz -ms -webkit
icon
image-orientation
image-region -moz
image-rendering x x x
image-resolution
ime-mode x both
indent-edge-reset
inline-box-align
interpolation-mode -ms
justify-content -webkit
justify-items
justify-self
kerning x x
layout-flow both
layout-grid both
layout-grid-char both
layout-grid-line both
layout-grid-measure
layout-grid-mode both
layout-grid-type both
left x x x x
letter-spacing x x x x
lighting-color x x x
line-align -webkit
line-box-contain -webkit
line-break both -webkit
line-clamp -webkit
line-grid -webkit
line-height x x x x
line-increment x
line-slack
line-snap -webkit
line-stacking
line-stacking-ruby
line-stacking-shift
line-stacking-strategy
list-style x x x x
list-style-image x x x x
list-style-position x x x x
list-style-type x x x x
locale -webkit
logical-height -webkit
logical-width -webkit
margin x x x x
margin-after -webkit
margin-after-collapse -webkit
margin-before -webkit
margin-before-collapse -webkit
margin-bottom x x x x
margin-bottom-collapse -webkit
margin-collapse -webkit
margin-end -moz -webkit
margin-left x x x x
margin-right x x x x
margin-start -moz -webkit
margin-top x x x x
margin-top-collapse -webkit
marker x x x
marker-attachment
marker-end x x x
marker-mid x x x
marker-offset
marker-start x x x
marks
marquee -webkit
marquee-direction -webkit
marquee-increment -webkit
marquee-loop
marquee-play-count
marquee-repetition -webkit
marquee-speed -webkit
marquee-style -webkit
mask x x both
mask-attachment -webkit
mask-box-image -webkit
mask-box-image-outset -webkit
mask-box-image-repeat -webkit
mask-box-image-slice -webkit
mask-box-image-source -webkit
mask-box-image-width -webkit
mask-clip -webkit
mask-composite -webkit
mask-image -webkit
mask-origin -webkit
mask-position -webkit
mask-position-x -webkit
mask-position-y -webkit
mask-repeat -webkit
mask-repeat-x -webkit
mask-repeat-y -webkit
mask-size -webkit
match-nearest-mail-blockquote-color -webkit
max-height x x x x
max-lines
max-logical-height -webkit
max-logical-width -webkit
max-width x x x x
min-height x x x x
min-logical-height -webkit
min-logical-width -webkit
min-width x x x x
nav-down x
nav-index x
nav-left x
nav-right x
nav-up x
nbsp-mode -webkit
object-fit -o
object-position -o
offset
offset-after
offset-before
offset-end
offset-start
opacity x x x x
order -webkit
orient -moz
orphans x x x x
outline x x x x
outline-color x x x x
outline-offset x x x
outline-radius -moz
outline-radius-bottomleft -moz
outline-radius-bottomright -moz
outline-radius-topleft -moz
outline-radius-topright -moz
outline-style x x x x
outline-width x x x x
overflow x x x x
overflow-scrolling -webkit
overflow-style -ms
overflow-wrap
overflow-x x x both x
overflow-y x x both x
padding x x x x
padding-after -webkit
padding-before -webkit
padding-bottom x x x x
padding-end -moz -webkit
padding-left x x x x
padding-right x x x x
padding-start -moz -webkit
padding-top x x x x
page x
page-break-after x x x x
page-break-before x x x x
page-break-inside x x x x
page-policy
pause x
pause-after x
pause-before x
perspective -moz both -webkit
perspective-origin -moz both -webkit
perspective-origin-x both -webkit
perspective-origin-y both -webkit
phonemes -xv
pitch
pitch-range
play-during
pointer-events x x x x
position x x x x
presentation-level
print-color-adjust -webkit
progress-appearance -ms
quotes x x x x
region-break-after -webkit
region-break-before -webkit
region-break-inside -webkit
region-overflow -webkit
resize x x
rest
rest-after
rest-before
richness
right x x x x
rotation
rotation-point
rtl-ordering -webkit
ruby-align x
ruby-overhang x
ruby-position x
ruby-span
scrollbar-3dlight-color both
scrollbar-arrow-color both
scrollbar-base-color both
scrollbar-darkshadow-color both
scrollbar-face-color both
scrollbar-highlight-color both
scrollbar-shadow-color both
scrollbar-track-color both
scroll-boundary -ms
scroll-boundary-bottom -ms
scroll-boundary-left -ms
scroll-boundary-right -ms
scroll-boundary-top -ms
scroll-chaining -ms
scroll-limit -ms
scroll-limit-x-max -ms
scroll-limit-x-min -ms
scroll-limit-y-max -ms
scroll-limit-y-min -ms
scroll-rails -ms
scroll-snap-points-x -ms
scroll-snap-points-y -ms
scroll-snap-type -ms
scroll-snap-x -ms
scroll-snap-y -ms
scroll-translation -ms
shape-image-threshold
shape-inside
shape-outside
shape-padding
shape-rendering x x
size x x
solid-color x
solid-opacity x
speak x x
speak-as
speak-header
speak-numeral
speak-punctuation
speech-rate
src x x x x
stack-sizing -moz
stop-color x x x
stop-opacity x x x
stress
string-set
stroke x x x
stroke-dasharray x x x
stroke-dashoffset x x x
stroke-linecap x x x
stroke-linejoin x x x
stroke-miterlimit x x x
stroke-opacity x x x
stroke-width x x x
svg-shadow -webkit
table-baseline -o
table-layout x x x x
tab-size -o x
tap-highlight-color -webkit
text-align x x x x
text-align-last both
text-anchor x x x
text-autospace both
text-blink -moz
text-combine -webkit
text-combine-horizontal
text-combine-mode
text-decoration x x x x
text-decoration-color
text-decoration-in-effect -webkit
text-decoration-line
text-decoration-skip
text-decoration-style
text-emphasis -webkit
text-emphasis-color -webkit
text-emphasis-position -webkit
text-emphasis-skip
text-emphasis-style -webkit
text-fill-color -webkit
text-height
text-indent x x x x
text-justify both
text-justify-trim x
text-kashida x
text-kashida-space both
text-line-through x
text-line-through-color x
text-line-through-mode x
text-line-through-style x
text-line-through-width x
text-orientation -webkit
text-overflow x x both x
text-overflow-ellipsis x
text-overflow-mode x
text-overline x
text-overline-color x
text-overline-mode x
text-overline-style x
text-overline-width x
text-rendering x x
text-security -webkit
text-shadow x x x x
text-size-adjust -ms -webkit
text-space-collapse
text-spacing
text-stroke -webkit
text-stroke-color -webkit
text-stroke-width -webkit
text-transform x x x x
text-underline x
text-underline-color x
text-underline-mode x
text-underline-position both
text-underline-style x
text-underline-width x
text-wrap
top x x x x
touch-action -ms
touch-callout -webkit
touch-select -ms
transform -moz -o both -webkit
transform-origin -moz -o both -webkit
transform-origin-x both -webkit
transform-origin-y both -webkit
transform-origin-z both -webkit
transform-style -moz both -webkit
transition -moz -o both -webkit
transition-delay -moz -o both -webkit
transition-duration -moz -o both -webkit
transition-property -moz -o both -webkit
transition-repeat-count -webkit
transition-timing-function -moz -o both -webkit
unicode-bidi x x x x
unicode-range x x
user-drag -webkit
user-focus -moz
user-input -moz
user-modify -moz -webkit
user-select -moz -ms -webkit
vector-effect x x
vertical-align x x x x
viewport-fill x
viewport-fill-opacity x
visibility x x x x
voice-balance -xv
voice-duration -xv
voice-family x
voice-pitch -xv
voice-pitch-range -xv
voice-range
voice-rate -xv
voice-stress -xv
voice-volumn -xv
volume
white-space x x x x
widows x x x x
width x x x x
window-shadow -moz
word-break both x
word-spacing x x x x
word-wrap x x both x
wrap
wrap-flow -ms
wrap-margin -ms
wrap-padding
wrap-through -ms
writing-mode x both both
z-index x x x x
zoom both x
zoom-animation -ms