Did You Know Pocket IE on Windows Mobile 2003 by ojp13483

VIEWS: 10 PAGES: 7

									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
            EF
            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>
              <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-top
margin-right
margin-bottom
margin-left
                      <margin-width>
                      inherit
padding
                      <padding-width>{1, 4}
                      inherit
padding-top
padding-right
padding-bottom
padding-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]
posted on Thursday, August 12, 2004 2:50 PM by windowsmobile
Post a Comment ::

Comments

# re: Did You Know Pocket IE on Windows Mobile 2003 Supports CSS?

Monday, August 16, 2004 9:53 AM by jwb
I haven't been able to use css to style how widgets (such as form buttons or input boxes)
appear. I don't know for sure if its supported or not, but at this point I would say no. Can
someone verify or refute this?

# re: Did You Know Pocket IE on Windows Mobile 2003 Supports CSS?

Monday, August 16, 2004 12:31 PM by Jay McLain
Yes. Confirmed.
Sorry, I meant to include that information above, but I removed it before posting.

The following CSS properties are not supported on intrinsic control elements: background-
color, all border properties (i.e border-color, border-style, border-width, etc), color, height,
width.

# re: Did You Know Pocket IE on Windows Mobile 2003 Supports CSS?

Wednesday, August 18, 2004 4:10 AM by Pony99CA
Good list of attributes, but I didn't realize people had to dig into an SDK to find out Pocket IE
in WM 2003 supported CSS. I knew it would support it before it was released thanks to news
at the Pocket PC sites.

My site has taken advantage of CSS for a while, and you can see that on your Pocket PC. For
example, visit my Preferences page <http://prefs.svpocketpc.com> on a WM 2003 device and
change the theme and font size. It works!

Steve

Silicon Valley Pocket PC

# Pocket IE su Windows Mobile 2003 supporta i CSS

Wednesday, August 25, 2004 12:47 PM by Anonymous

# re: Did You Know Pocket IE on Windows Mobile 2003 Supports CSS?

Thursday, September 02, 2004 12:15 PM by Peter
Hi, you just copied the list from the W3C pages. Most of them are not supported by PIE.

								
To top