<div d:id='value'>
length percentage value color integer
</div>
<div d:type='Box model'>
margin-top:length|percentage|auto;
margin-right:length|percentage|auto;
margin-bottom:length|percentage|auto;
margin-left:length|percentage|auto;
margin:margin-top+margin-right+margin-bottom+margin-left;
padding-top:length|percentage;
padding-right:length|percentage;
padding-bottom:length|percentage;
padding-left:length|percentage;
padding:padding-top+padding-right+padding-bottom+padding-left;
border-top-width:thin|medium|thick|length;
border-right-width:thin|medium|thick|length;
border-bottom-width:thin|medium|thick|length;
border-left-width:thin|medium|thick|length;
border-width:thin|medium|thick|length;
border-top-color:color|transparent;
border-right-color:color|transparent;
border-bottom-color:color|transparent;
border-left-color:color|transparent;
border-color:border-top-color+border-right-color+border-bottom-color+border-left-color;
border-top-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-right-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-bottom-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-left-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-style:border-top-style+border-right-style+border-bottom-style+border-left-style;
border-top:border-width+border-style$none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset+border-color$color|transparent;
border-right:border-width+border-style$none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset+border-color$color|transparent;
border-bottom:border-width+border-style$none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset+border-color$color|transparent;
border-left:border-width+border-style$none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset+border-color$color|transparent;
border:border-width$thin|medium|thick|length+border-style$none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset+border-color$color|transparent;
</div>
<div d:type='Visual formatting model'>
display:none|inline|block|inline-block|list-item|run-in|compact|marker|table|inline-table|table-row-group|table-header-group|tablefooter-group|table-row|table-column-group|table-column|table-cell|table-caption;
position:static|relative|absolute|fixed;
top:length|percentage|auto; 
right:length|percentage|auto; 
bottom:length|percentage|auto; 
left:length|percentage|auto;
float:left|right|none;
clear:none|left|right|both;
z-index:auto|integer;
direction:ltr|rtl;
unicode-bidi:normal|embed|bidi-override;
</div>
<div d:type='Visual formatting details'>
width:length|percentage|auto; 
min-width:length|percentage; 
max-width:length|percentage|none;
height:length|percentage|auto;
min-height:length|percentage; 
max-height:length|percentage|none;
line-height:normal|number|length|percentage;
vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|percentage|length;
</div>
<div d:type='Visual effects'>
overflow:visible|hidden|scroll|auto;
clip:rect(top,right,bottom,left)|auto;
visibility:visible|hidden|collapse;
</div>
<div d:type='Lists'>
list-style-type:disc|circle|square|decimal|decimal-leading-zero|lower-roman|upper-roman|lower-greek|lower-latin|upper-latin|armenian|georgian|none;
list-style-image:uri|none;
list-style-position:inside|outside;
list-style:list-style-type+list-style-position+liststyle-image;
</div>
<div d:type='Color and Background'>
color:color|red|blue;
background-color:color|transparent;
background-image:uri|none;
background-repeat:repeat|repeat-x|repeat-y|no-repeat;
background-attachment:scroll|fixed;
background-position:horizonal-position$percentage|length|left|center|right+vertical-position$percentage|length|top|center|bottom  ;
background:background-color+background-image+background-repeat+background-attachment+background-position;
</div>
<div d:type='Font'>
font-family:family-name|generic-family;
font-style:normal|italic|oblique;
font-variant:normal|small-caps;
font-weight:normal|bold|bolder|lighter|value ;
font-size:absolute-size|relative-size|length|percentage;
font:font-style+font-variant+font-weight+font-size+line-height+font-family;
</div>
<div d:type='Text'>
text-indent:length|percentage;
text-align:left|right|center|justify ;
text-decoration:none|underline|overline|line-through|blink;
text-transform:capitalize|uppercase|lowercase|none;
letter-spacing:normal|length;
word-spacing:normal|length;
white-space:normal|pre|nowrap|pre-wrap|pre-line;
</div>
<div d:type='Tables'>
caption-side:top|bottom;
table-layout:auto|fixed;
vertical-align:baseline|top|bottom|middle;
border-collapse:collapse|separate;
border-spacing:length ;
empty-cells:show|hide;
</div>
<div d:type='User interface'>
cursor: auto|crosshair|default|pointer|move|e-resize|ne-resize|nw-resize|n-resize|se-resize|swresize|s-resize|w-resize|text|wait|help ;
outline-color:color|invert;
outline-style:border-style;
outline-width:border-width;
outline:outline-color+outline-style+outline-width;
</div>