|
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, and ) -- 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 | | | | | | | 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 | | | | | | | transparent | | | inherit | | background-image | | | | | | | none | | | inherit | | background-position | | | | | | | | | | 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 | | | | {1,4} | | | transparent | | | inherit | | border-style | | | | {1,4} | | | inherit | | border-top
border-right
border-bottom
border-left | | | | [ 'border-top-width' ||
'border-style' ||
] | | | inherit | | border-top-color
border-right-color
border-bottom-color
border-left-color | | | | | | | inherit | | border-top-style
border-right-style
border-bottom-style
border-left-style | | | | | | | inherit | | border-top-width
border-right-width
border-bottom-width
border-left-width | | | | | | | inherit | | border-width | | | | {1,4} | | | inherit | | clear | | | | none | | | left | | | right | | | both | | | inherit | | 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> |
] | | | inherit | | font-size | | | | | | | | | | | | | | | | inherit | | font-style | | | | normal | | | italic | | | oblique | | | inherit | | font-weight | | | | normal | | | bold | | | bolder | | | lighter | | | 100 | | | 200 | | | 300 | | | 400 | | | 500 | | | 600 | | | 700 | | | 800 | | | 900 | | | inherit | | height | | | | | | | | | | 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 | | | | | | | inherit | | margin-top
margin-right
margin-bottom
margin-left | | | | | | | inherit | | padding | | | | {1, 4} | | | inherit | | padding-top
padding-right
padding-bottom
padding-left | | | | | | | inherit | | text-align | | | | left | | | right | | | center | | | inherit | | text-decoration | | | | none | | | underline | | | line-through | | | inherit | | text-indent | | | | | | | | | | inherit | | vertical-align | | | | baseline | | | sub | | | super | | | top | | | text-top | | | middle | | | bottom | | | text-bottom | | | | | | | | | inherit | | visibility | | | | visible | | | hidden | | | collapse | | | inherit | | white-space | | | | normal | | | pre | | | nowrap | | | inherit | | width | | | | | | | | | | auto | | | inherit |
|
|