Pocket IE on Windows Mobile 2003 Supports CSS(转自Windows Mobile Team Blog)
Posted on 2005-10-06 07:41 灰色 阅读(135) 评论(0) 收藏 举报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> | ||
| <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 | ||
浙公网安备 33010602011771号