速查表 Quick Search
CSS3列表 CSS3 List
简介 Introduction
属性 Properties
-
边框(Border)
- Border index
- border
- border-width
- border-style
- border-color
- border-top
- border-top-width
- border-top-style
- border-top-color
- border-right
- border-right-width
- border-right-style
- border-right-color
- border-bottom
- border-bottom-width
- border-bottom-style
- border-bottom-color
- border-left
- border-left-width
- border-left-style
- border-left-color
- border-image
- border-radius
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
- box-shadow
- box-reflect
-
文本(Text)
- Text index
- text-indent
- text-overflow
- text-align
- text-transform
- text-decoration
- text-decoration-line
- text-decoration-color
- text-decoration-style
- text-shadow
- text-fill-color
- text-stroke
- text-stroke-width
- text-stroke-color
- letter-spacing
- word-spacing
- vertical-align
- word-wrap
- white-space
- direction
- unicode-bidi
- line-height
- tab-size
选择符 Selectors
-
伪类选择符
- Pseudo-Classes Selectors index
- E:link
- E:visited
- E:hover
- E:active
- E:focus
- E:lang()
- E:not()
- E:root
- E:first-child
- E:last-child
- E:only-child
- E:nth-child(n)
- E:nth-last-child(n)
- E:first-of-type
- E:last-of-type
- E:only-of-type
- E:nth-of-type(n)
- E:nth-last-of-type(n)
- E:empty
- E:checked
- E:enabled
- E:disabled
- E:target
- @page:first
- @page:left
- @page:right
语法与规则 Rules
取值 Values
单位 Units
附录 Appendix
CSS Hack
问题与经验 Experience
media features orientation
- 版本：CSS3
- 是否接受min/max：否
语法：
orientation：portrait | landscape
取值：
- portrait：
- 指定输出设备中的页面可见区域高度大于或等于宽度
- landscape：
- 除portrait值情况外，都是landscape
说明：
定义输出设备中的页面可见区域高度是否大于或等于宽度。
- 本特性不接受min和max前缀。
-
简单列举几个应用示例：
@media screen and (orientation:portrait){ … } @import url(example.css) screen and (orientation:landscape);
兼容性：
- 浅绿 = 支持
- 红色 = 不支持
- 墨绿 = 部分支持
- 橙色 = 实验性质
| 支持版本\类型 | IE | Firefox | Safari | Chrome | Opera |
|---|---|---|---|---|---|
| 较早版本 | 6.0-8.0 | 4.0-6.0 | 5.1 | 13.0 | 11.50-11.51 |
| 较近版本 | 9.0 |