Share via

CSS Properties

Send Feedback

This is an overview of the Properties that are available in Cascading Style Sheets. These properties can be spatial, related to an aspect of the document, controlling layout or other such aspects of page design.

Structure Possible Values Windows Mobile CSS Mobile WAP CSS CSS2 Comments
background   Yes Yes Yes Yes  
  [ 'background-color' ||
'background-image' ||
'background-repeat' ||
'background-attachment' ||
'background-position' ]		 Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
background-attachment   Yes* Yes Yes Yes * Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
  scroll Yes Yes Yes Yes  
  fixed No No Yes Yes  
  inherit Yes Yes Yes Yes  
background-color   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <color> Yes Yes Yes Yes  
  transparent Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
background-image   Yes* Yes Yes Yes * Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
  <uri> Yes Yes Yes Yes  
  none Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
background-position   Yes* Yes Yes Yes * Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
  <percentage> Yes Yes Yes Yes  
  <length> Yes Yes Yes Yes  
  top Yes Yes Yes Yes  
  center Yes Yes Yes Yes  
  bottom Yes Yes Yes Yes  
  left Yes Yes Yes Yes  
  center Yes Yes Yes Yes  
  right Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
background-repeat   Yes* Yes Yes Yes * Only supported on elements having the CSS property "display" with values [ block | table | inlinetable | tablecell ]
  repeat Yes Yes Yes Yes  
  repeat-x Yes Yes Yes Yes  
  repeat-y Yes Yes Yes Yes  
  no-repeat Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
border   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  [ 'border-width' ||
'border-style' ||
color ]		 Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
border-collapse   No No No Yes  
  collapse No No No Yes  
  separate No No No Yes  
  inherit No No No Yes  
border-color   Yes Yes No Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <color>{1,4} Yes Yes No Yes  
  transparent Yes Yes No Yes  
  inherit Yes Yes No Yes  
border-spacing   No No No Yes  
  <length> <length>? No No No Yes  
  inherit No No No Yes  
border-style   Yes Yes No Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <border-style>{1,4} Yes Yes No Yes none, solid, dashed, all others default to solid
  inherit Yes Yes No Yes  
border-top
border-right
border-bottom
border-left		   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  [ 'border-top-width' ||
'border-style' ||
<color> ]		 Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
border-top-color
border-right-color
border-bottom-color
border-left-color		   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <color> Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
border-top-style
border-right-style
border-bottom-style
border-left-style		   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <border-style> Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
border-top-width
border-right-width
border-bottom-width
border-left-width		   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <border-width> Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
border-width   Yes Yes No Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <border-width>{1,4} Yes Yes No Yes  
  inherit Yes Yes No Yes  
bottom   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
caption-side   No No No Yes  
  top No No No Yes  
  bottom No No No Yes  
  left No No No Yes  
  right No No No Yes  
  inherit No No No Yes  
clear   Yes Yes Yes Yes  
  none Yes Yes Yes Yes  
  left Yes Yes Yes Yes  
  right Yes Yes Yes Yes  
  both Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
clip   No No No Yes  
  <shape> No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
color   Yes Yes No Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <color> Yes Yes No Yes  
  inherit Yes Yes No Yes  
content   No No No Yes  
  <string> No No No Yes  
  <uri> No No No Yes  
  <counter> No No No Yes  
  attr(X) No No No Yes  
  open-quote No No No Yes  
  close-quote No No No Yes  
  no-open-quote No No No Yes  
  no-close-quote No No No Yes  
  inherit No No No Yes  
counter-increment   No No No Yes  
  [ <identifier> <integer>? ]+ No No No Yes  
  none No No No Yes  
  inherit No No No Yes  
counter-reset   No No No Yes  
  inherit No No No Yes  
cursor   No No No Yes  
  [<uri> ,]* No No No Yes  
  auto No No No Yes  
  crosshair No No No Yes  
  default No No No Yes  
  pointer No No No Yes  
  move No No No Yes  
  e-resize No No No Yes  
  ne-resize No No No Yes  
  nw-resize No No No Yes  
  n-resize No No No Yes  
  se-resize No No No Yes  
  sw-resize No No No Yes  
  s-resize No No No Yes  
  w-resize No No No Yes  
  text No No No Yes  
  wait No No No Yes  
  help No No No Yes  
  inherit No No No Yes  
direction   No No No Yes  
  ltr No No No Yes  
  rtl No No No Yes  
  inherit No No No Yes  
display   Yes Yes Yes Yes  
  inline Yes Yes Yes Yes  
  block Yes Yes Yes Yes  
  list-item Yes Yes Yes Yes  
  run-in No No No Yes  
  compact No No No Yes  
  marker No No No Yes  
  table Yes No No Yes  
  inline-table No No No Yes Same as table
  table-row-group Yes No No Yes  
  table-header-group Yes No No Yes  
  table-footer-group Yes No No Yes  
  table-row Yes No No Yes  
  table-column-group No No No Yes  
  table-column No No No Yes  
  table-cell Yes No No Yes  
  table-caption Yes No No Yes  
  none Yes Yes Yes Yes  
  -wap-marquee No No Yes No  
  inherit Yes No No Yes  
empty-cells   No No No Yes  
  show No No No Yes  
  hide No No No Yes  
  inherit No No No Yes  
float   Yes Yes Yes Yes  
  left Yes Yes Yes Yes  
  right Yes Yes Yes Yes  
  none Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
font   Yes Yes Yes No  
  [ 'font-style' ||
'font-variant' ||
'font-weight' ]?
'font-size'
[ / 'line-height' ]
'font-family'		 Yes* Yes Yes Yes * Line-height is ignored.
  caption Yes Yes Yes Yes  
  icon Yes Yes Yes Yes  
  menu Yes Yes Yes Yes  
  message-box Yes Yes Yes Yes  
  small-caption Yes Yes Yes Yes  
  status-bar Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
font-family   Yes Yes Yes Yes  
  [ <family-name> |
<generic-family> ], *
[ < family-name> |
<generic-family> ]		 Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
font-size   Yes Yes Yes Yes  
  <absolute-size> Yes Yes Yes Yes  
  <relative-size> Yes Yes Yes Yes  
  <length> Yes Yes Yes Yes  
  <percentage> Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
font-size-adjust   No No No Yes  
  <number> No No No Yes  
  none No No No Yes  
  inherit No No No Yes  
font-stretch   No No No Yes  
  normal No No No Yes  
  wider No No No Yes  
  narrower No No No Yes  
  ultra-condensed No No No Yes  
  extra-condensed No No No Yes  
  condensed No No No Yes  
  semi-condensed No No No Yes  
  semi-expanded No No No Yes  
  expanded No No No Yes  
  extra-expanded No No No Yes  
  ultra-expanded No No No Yes  
  inherit No No No Yes  
font-style   Yes Yes Yes Yes  
  normal Yes Yes Yes Yes  
  italic Yes Yes Yes Yes  
  oblique Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
font-variant   No Yes Yes Yes  
  normal No Yes Yes Yes  
  small-caps No Yes Yes Yes  
  inherit No Yes Yes Yes  
font-weight   Yes Yes Yes Yes  
  normal Yes Yes Yes Yes  
  bold Yes Yes Yes Yes  
  bolder Yes Yes Yes Yes  
  lighter Yes Yes Yes Yes  
  100 Yes Yes Yes Yes  
  200 Yes Yes Yes Yes  
  300 Yes Yes Yes Yes  
  400 Yes Yes Yes Yes  
  500 Yes Yes Yes Yes  
  600 Yes Yes Yes Yes  
  700 Yes Yes Yes Yes  
  800 Yes Yes Yes Yes  
  900 Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
height   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <length> Yes Yes Yes Yes  
  <percentage> Yes Yes Yes Yes  
  auto Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
left   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
letter-spacing   No No No Yes  
  normal No No No Yes  
  <length> No No No Yes  
  inherit No No No Yes  
line-height   No No No Yes  
  normal No No No Yes  
  <number> No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  inherit No No No Yes  
list-style   Yes Yes No Yes  
  [ 'list-style-type' ||
'list-style-position' ||
'list-style-image' ]		 Yes Yes No Yes  
  inherit Yes Yes No Yes  
list-style-image   No Yes Yes Yes  
  <uri> No Yes Yes Yes  
  none No Yes Yes Yes  
  inherit No Yes Yes Yes  
list-style-position   Yes Yes Yes Yes  
  inside Yes Yes Yes Yes  
  outside Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
list-style-type   Yes Yes Yes Yes  
  disc Yes Yes Yes Yes  
  circle Yes Yes Yes Yes  
  square Yes Yes Yes Yes  
  decimal Yes Yes Yes Yes  
  decimal-leading-zero No No No Yes  
  lower-roman Yes Yes Yes Yes  
  upper-roman Yes Yes Yes Yes  
  lower-greek No No No Yes  
  lower-alpha Yes Yes Yes Yes  
  lower-latin No No No Yes  
  upper-alpha Yes Yes Yes Yes  
  upper-latin No No No Yes  
  hebrew No No No Yes  
  armenian No No No Yes  
  georgian No No No Yes  
  cjk-ideographic No No No Yes  
  hiragana No No No Yes  
  katakana No No No Yes  
  hiragana-iroha No No No Yes  
  katakana-iroha No No No Yes  
  none Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
margin   Yes Yes No Yes  
  <margin-width> Yes Yes No Yes  
  inherit Yes Yes No Yes  
margin-top
margin-right
margin-bottom
margin-left		   Yes Yes Yes Yes  
  <margin-width> Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
marker-offset   No No No Yes  
  <length> No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
marks   No No No Yes  
  [crop || cross] No No No Yes  
  none No No No Yes  
  inherit No No No Yes  
max-height   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  none No No No Yes  
  inherit No No No Yes  
max-width   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  none No No No Yes  
  inherit No No No Yes  
min-height   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  inherit No No No Yes  
min-width   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  inherit No No No Yes  
orphans   No No No Yes  
  <integer> No No No Yes  
  inherit No No No Yes  
outline   No No No Yes  
  [ 'outline-color' ||
'outline-style' ||
'outline-width' ]		 No No No Yes  
  inherit No No No Yes  
outline-color   No No No Yes  
  <color> No No No Yes  
  invert No No No Yes  
  inherit No No No Yes  
outline-style   No No No Yes  
  <border-style> No No No Yes  
  inherit No No No Yes  
outline-width   No No No Yes  
  <border-width> No No No Yes  
  inherit No No No Yes  
overflow   No No No Yes  
  visible No No No Yes  
  hidden No No No Yes  
  scroll No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
padding   Yes Yes No Yes  
  <padding-width>{1, 4} Yes Yes No Yes  
  inherit Yes Yes No Yes  
padding-top
padding-right
padding-bottom
padding-left		   Yes Yes Yes Yes  
  <padding-width> Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
page   No No No Yes  
  <identifier> No No No Yes  
  auto No No No Yes  
page-break-after   No No No Yes  
  auto No No No Yes  
  always No No No Yes  
  avoid No No No Yes  
  left No No No Yes  
  right No No No Yes  
  inherit No No No Yes  
page-break-before   No No No Yes  
  auto No No No Yes  
  always No No No Yes  
  avoid No No No Yes  
  left No No No Yes  
  right No No No Yes  
  inherit No No No Yes  
page-break-inside   No No No Yes  
  avoid No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
position   No No No Yes  
  static No No No Yes  
  relative No No No Yes  
  absolute No No No Yes  
  fixed No No No Yes  
  inherit No No No Yes  
quotes   No No No Yes  
  [ <string><string> ]+ No No No Yes  
  none No No No Yes  
  inherit No No No Yes  
richness   No No No Yes  
  <number> No No No Yes  
  inherit No No No Yes  
right   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
size   No No No Yes  
  <length>{1,2} No No No Yes  
  auto No No No Yes  
  portrait No No No Yes  
  landscape No No No Yes  
  inherit No No No Yes  
table-layout   No No No Yes  
  auto No No No Yes  
  fixed No No No Yes  
  inherit No No No Yes  
text-align   Yes Yes Yes Yes  
  left Yes Yes Yes Yes  
  right Yes Yes Yes Yes  
  center Yes Yes Yes Yes  
  justify No Yes No Yes justify == left
  <string> No No No Yes  
  inherit Yes Yes Yes Yes  
text-decoration   Yes Yes Yes Yes  
  none Yes Yes Yes Yes  
  underline Yes Yes Yes Yes  
  overline No No No Yes  
  line-through Yes No No Yes  
  inherit Yes Yes No Yes  
text-indent   Yes Yes Yes Yes  
  <length> Yes Yes Yes Yes  
  <percentage> Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
text-overflow   Yes No No Yes  
  <text-overflow-mode> ||
<text-overflow-ellipsis>		 No No No Yes  
text-overflow-ellipsis   Yes No No Yes  
  <ellipsis>{1,2} No No No Yes  
text-overflow-mode   Yes No No Yes  
  clip Yes No No Yes  
  ellipsis Yes No No Yes  
  ellipsis-word No No No Yes  
text-shadow   No No No Yes  
  none No No No Yes  
  [ <color> ||
<length> <length> <length>?,]*
[ <color> ||
<length> <length> <length>? ]		 No No No Yes  
  inherit No No No Yes  
text-transform   No Yes Yes Yes  
  capitalize No Yes Yes Yes  
  uppercase No Yes Yes Yes  
  lowercase No Yes Yes Yes  
  none No Yes Yes Yes  
  inherit No Yes Yes Yes  
top   No No No Yes  
  <length> No No No Yes  
  <percentage> No No No Yes  
  auto No No No Yes  
  inherit No No No Yes  
unicode-bidi   No No No Yes  
  normal No No No Yes  
  embed No No No Yes  
  bidi-override No No No Yes  
  inherit No No No Yes  
vertical-align   Yes Yes Yes Yes  
  baseline Yes Yes Yes Yes  
  sub Yes Yes Yes Yes  
  super Yes Yes Yes Yes  
  top Yes No Yes Yes  
  text-top Yes No No Yes  
  middle Yes No Yes Yes  
  bottom Yes No Yes Yes  
  text-bottom Yes No No Yes  
  <percentage> Yes No No Yes  
  <length> Yes No No Yes  
  inherit Yes Yes No Yes  
visibility   Yes Yes Yes Yes  
  visible Yes Yes Yes Yes  
  hidden Yes Yes Yes Yes  
  collapse Yes Yes No Yes  
  inherit Yes Yes Yes Yes  
white-space   Yes Yes Yes Yes  
  normal Yes Yes Yes Yes  
  pre Yes Yes Yes Yes Doesn't affect whitespace handling, same as nowrap
  nowrap Yes* Yes Yes Yes * Supports nowrap on block elements in "Desktop" and "Mobile Optimized" modes.
  inherit Yes Yes Yes Yes  
wrap-option   Yes No No Yes  
  emergency Yes No No Yes  
widows   No No No Yes  
  <integer> No No No Yes  
  inherit No No No Yes  
width   Yes Yes Yes Yes Not supported on replaced form controls (buttons, text, select, etc.)
  <length> Yes Yes Yes Yes  
  <percentage> Yes Yes Yes Yes  
  auto Yes Yes Yes Yes  
  inherit Yes Yes Yes Yes  
word-spacing   No No No Yes  
  normal No No No Yes  
  <length> No No No Yes  
  inherit No No No Yes  
z-index   No No No Yes  
  auto No No No Yes  
  <integer> No No No Yes  
  inherit No No No Yes  
-wap-accesskey   No No Yes No Extension of WAP CSS
  none No No Yes No  
  <KeyCombination>+ No No Yes No  
  inherit No No Yes No  
-wap-input-format   No No Yes No Extension of WAP CSS
  <format> No No Yes No  
-wap-input-required   No No Yes No Extension of WAP CSS
  TRUE No No Yes No  
  FALSE No No Yes No  

See Also

CSS Support

Send Feedback on this topic to the authors

Feedback FAQs

© 2006 Microsoft Corporation. All rights reserved.

  • Last updated on