Welcome to MSDN Blogs Sign in | Join | Help

Windows Mobile Team Blog

The Official Windows Mobile Team Blog
Did You Know Pocket IE on Windows Mobile 2003 Supports CSS?

Not many people know this, due to the complete lack of information in the Windows Mobile 2003 SDK, but Pocket IE on Windows Mobile 2003 devices DOES support CSS!

Pocket IE on Windows Mobile 2003 supports CSS Mobile Profile plus a few additional CSS1 and CSS2 attributes to make your mobile web authoring easier than ever before.

In addition, it also supports methods to select CSS stylesheets for mobile devices (i.e. @import, @media, <LINK MEDIA> and <?xml-stylesheet media>) -- more on this later.

Here is some information on the CSS syntax and attributes supported by Pocket IE on Windows Mobile 2003 devices:

Syntax    
  !important  
  integer and real numbers  
  lengths  
    px
    em
    ex
    in
    cm
    mm
    pt
    pc
  percentage values  
  URI values  
  color values  
    #rrggbb
    rgb(r, g, b)
    also over 100 named color values (i.e. red, green, etc.)
Rules    
  @import  
    <uri>
    url(uri)
  media types  
    all
    handheld
    screen
  @media  
    all
    handheld
    screen
Selectors    
  *  
  E  
  E F  
  E:active  
  E:focus  
  E:link  
  E:visited  
  E[foo]  
  E[foo="warning"]  
  E[foo~="warning"]  
  E[lang|="en"]  
  div.warning  
  E#myid  
Properties  
  background  
    [ 'background-color' ||
  'background-image' ||
  'background-repeat' ||
  'background-attachment' ||
  'background-position' ]
    inherit
  background-attachment  
    scroll
    fixed
    inherit
  background-color  
    <color>
    transparent
    inherit
  background-image  
    <uri>
    none
    inherit
  background-position  
    <percentage>
    <length>
    top
    center
    bottom
    left
    center
    right
    inherit
  background-repeat  
    repeat
    repeat-x
    repeat-y
    no-repeat
    inherit
  border  
    [ 'border-width' ||
  'border-style' ||
  color ]
    inherit
  border-color  
    <color>{1,4}
    transparent
    inherit
  border-style  
    <border-style>{1,4}
    inherit
  border-top
border-right
border-bottom
border-left		  
    [ 'border-top-width' ||
  'border-style' ||
  <color> ]
    inherit
  border-top-color
border-right-color
border-bottom-color
border-left-color		  
    <color>
    inherit
  border-top-style
border-right-style
border-bottom-style
border-left-style		  
    <border-style>
    inherit
  border-top-width
border-right-width
border-bottom-width
border-left-width		  
    <border-width>
    inherit
  border-width  
    <border-width>{1,4}
    inherit
  clear  
    none
    left
    right
    both
    inherit
  color  
    <color>
    inherit
  display  
    inline
    block
    list-item
    run-in
    compact
    marker
    table
    inline-table
    table-row-group
    table-header-group
    table-footer-group
    table-row
    table-column-group
    table-column
    table-cell
    table-caption
    none
    inherit
  float  
    left
    right
    none
    inherit
  font  
    [ 'font-style' ||
  'font-variant' ||
  'font-weight' ]?
'font-size'
[ / 'line-height' ]
'font-family'
    caption
    icon
    menu
    message-box
    small-caption
    status-bar
    inherit
  font-family  
    [ <family-name> |
  <generic-family> ], *
[ < family-name> |
  <generic-family> ]
    inherit
  font-size  
    <absolute-size>
    <relative-size>
    <length>