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-topborder-rightborder-bottomborder-left  
  [ 'border-top-width' || 'border-style' || <color> ]
  inherit
border-top-colorborder-right-colorborder-bottom-colorborder-left-color  
  <color>
  inherit
border-top-styleborder-right-styleborder-bottom-styleborder-left-style  
  <border-style>
  inherit
border-top-widthborder-right-widthborder-bottom-widthborder-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>
  <percentage>
  inherit
font-style  
  normal
  italic
  oblique
  inherit
font-weight  
  normal
  bold
  bolder
  lighter
  100
  200
  300
  400
  500
  600
  700
  800
  900
  inherit
height  
  <length>
  <percentage>
  auto
  inherit
list-style  
  [ 'list-style-type' || 'list-style-position' || 'list-style-image' ]
  inherit
list-style-position  
  inside
  outside
  inherit
list-style-type  
  disc
  circle
  square
  decimal
  lower-roman
  upper-roman
  lower-alpha
  upper-alpha
  none
  inherit
margin  
  <margin-width>
  inherit
margin-topmargin-rightmargin-bottommargin-left  
  <margin-width>
  inherit
padding  
  <padding-width>{1, 4}
  inherit
padding-toppadding-rightpadding-bottompadding-left  
  <padding-width>
  inherit
text-align  
  left
  right
  center
  inherit
text-decoration  
  none
  underline
  line-through
  inherit
text-indent  
  <length>
  <percentage>
  inherit
vertical-align  
  baseline
  sub
  super
  top
  text-top
  middle
  bottom
  text-bottom
  <percentage>
  <length>
  inherit
visibility  
  visible
  hidden
  collapse
  inherit
white-space  
  normal
  pre
  nowrap
  inherit
width  
  <length>
  <percentage>
  auto
  inherit

[Author: Jay McLain]