Can I Use?(我能用么?)为大家统计HTML5和CSS3等新技术的浏览器兼容性。推荐使用Chrome、Firefox、Opera、IE 11、Safari等浏览器访问本站。更新时间:2015.11.28

支持 部分支持 需要使用私有属性 不支持 是否支持未知
快速筛选: CSS HTML5 JavaScript SVG Others 全部

# @font-face Web fonts

- 推荐阅读

Method of displaying fonts downloaded from websites

支持91.35
部分支持1.49
总计92.84
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 #1 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Multiple backgrounds

- 推荐阅读

Method of using multiple images as a background

支持96.44
部分支持0
总计96.44
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Border images

- 推荐阅读

Method of using images for borders

支持86.16
部分支持8.17
总计94.33
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0
-o-
46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1
-o-
7
-webkit-
10
9 40 44 7.1 31 8 4.4 12
-o-
8 39 43 7 30 7.0-7.1 4.2-4.3
-webkit-
11.5
-o-

# CSS3 Background-image options

- 推荐阅读

New properties to affect background images, including background-clip, background-origin and background-size

支持88.59
部分支持7.91
总计96.5
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 #1 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 #3 11.5

# CSS Table display

- 推荐阅读

Method of displaying elements as tables, rows, and cells. Includes support for all `display: table-*` properties as well as `display: inline-table`

支持97.78
部分支持0.01
总计97.79
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Generated content for pseudo-elements

- 推荐阅读

Method of displaying text or images before or after the given element's contents using the ::before and ::after pseudo-elements. All browsers with support also support the `attr()` notation in the `content` property.

支持96.56
部分支持1.23
总计97.79
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 #1 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Generated content for pseudo-elements

- 推荐阅读

Method of displaying text or images before or after the given element's contents using the ::before and ::after pseudo-elements. All browsers with support also support the `attr()` notation in the `content` property.

支持96.56
部分支持1.23
总计97.79
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 #1 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS position:fixed

- 推荐阅读

Method of keeping an element in a fixed location regardless of scroll position

支持92.35
部分支持0.48
总计92.83
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 #1 4.2-4.3 11.5

# CSS 2.1 selectors

- 推荐阅读

Basic CSS selectors including: `*` (universal selector), `>` (child selector), `:first-child`, `:link`, `:visited`, `:active`, `:hover`, `:focus`, `:lang()`, `+` (adjacent sibling selector), `[attr]`, `[attr="val"]`, `[attr~="val"]`, `[attr|="bar"]`, `.foo` (class selector), `#foo` (id selector)

支持97.84
部分支持0
总计97.84
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 selectors

- 推荐阅读

Advanced element selection using selectors including: `[foo^="bar"]`, `[foo$="bar"]`, `[foo*="bar"]`, `:root`, `:nth-child()`, `:nth-last-child()`, `nth-of-type`, `nth-last-of-type()`, `:last-child`, `:first-of-type`, `:last-of-type`, `:only-child`, `:only-of-type`, `:empty`, `:target`, `:enabled`, `:disabled`, `:checked`, `:not()`, `~` (general sibling)

支持96.52
部分支持1.28
总计97.8
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 #1 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Text-shadow

- 推荐阅读

Method of applying one or more shadow or blur effects to text

支持90.41
部分支持5.11
总计95.52
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 #1 43 47 34
11 #1 13 #1 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 #1 9.9
10 #1 12 #1 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #1
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Box-shadow

- 推荐阅读

Method of displaying an inner or outer shadow effect to elements

支持91.35
部分支持0.1
总计91.45
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7
-webkit-
10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Colors

- 推荐阅读

Method of describing colors using Hue, Saturation and Lightness (hsl()) rather than just RGB, as well as allowing alpha-transparency with rgba() and hsla().

支持96.53
部分支持0.02
总计96.55
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Box-sizing

- 推荐阅读

Method of specifying whether or not an element's borders and padding should be included in size units

支持97.79
部分支持0
总计97.79
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7
-webkit-
10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Media Queries

- 推荐阅读

Method of applying styles based on media information. Includes things like page and device dimensions

支持96.51
部分支持0.01
总计96.52
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 #1 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 #1 9.9
10 #1 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #1
9 #1 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 #1 11.5

# CSS3 Multiple column layout

- 推荐阅读

Method of flowing information in multiple columns

支持13.95
部分支持81.5
总计95.45
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45
-moz-
49
-webkit-
44
-moz-
48
-webkit-
35
-webkit-
14 43
-moz-
47
-webkit-
34
-webkit-
11 13 42
-moz-
46
-webkit-
9 33
-webkit-
9.0-9.1 5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42
-moz-
11 9.9
-webkit-
10 12 41
-moz-
45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
9 40
-moz-
44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39
-moz-
43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# CSS3 Border-radius (rounded corners)

- 推荐阅读

Method of making the border corners round. Covers support for the shorthand `border-radius` as well as the long-hand properties (e.g. `border-top-left-radius`)

支持91.47
部分支持0.01
总计91.48
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 2D Transforms

- 推荐阅读

Method of transforming an element including rotating, scaling, etc. Includes support for `transform` as well as `transform-origin` properties.

支持91.45
部分支持0
总计91.45
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10
-webkit-
46 42 11 9.9
-webkit-
10 12 41 45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
9
-ms-
40 44 7.1
-webkit-
31 8
-webkit-
4.4
-webkit-
12
8 39 43 7
-webkit-
30 7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# Window.devicePixelRatio

- 推荐阅读

Read-only property that returns the ratio of the (vertical) size of one physical pixel on the current display device to the size of one CSS pixel.

支持93.97
部分支持0
总计93.97
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 3D Transforms

- 推荐阅读

Method of transforming an element in the third dimension using the `transform` property. Includes support for the `perspective` property to set the perspective in z-space and the `backface-visibility` property to toggle display of the reverse side of a 3D-transformed element.

支持81.81
部分支持8.06
总计89.87
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 #1 13 42 46 9 #2 33 9.0-9.1 5.0-8.0 46 33 10
-webkit-
46 42 11 #1 9.9
-webkit-
10 #1 12 41 45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10 #1
9 40 44 7.1
-webkit-
31 8
-webkit-
4.4
-webkit-
12
8 39 43 7
-webkit-
30 7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# CSS Hyphenation

- 推荐阅读

Method of controlling when words at the end of lines should be hyphenated using the "hyphens" property.

支持26.74
部分支持7.68
总计34.42
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14
-ms-
43 47 34
11
-ms-
13
-ms-
42
-moz-
46 9
-webkit-
33 9.0-9.1
-webkit-
5.0-8.0 46 33 10 46 42
-moz-
11 9.9
-webkit-
10
-ms-
12
-ms-
41
-moz-
45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4 12.1 7 10
9 40
-moz-
44 7.1
-webkit-
31 8
-webkit-
4.4 12
8 39
-moz-
43 7
-webkit-
30 7.0-7.1
-webkit-
4.2-4.3 11.5

# CSS3 Transitions

- 推荐阅读

Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.

支持90.39
部分支持0
总计90.39
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
-webkit-
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7
-webkit-
10
9 40 44 7.1 31 8 4.4 12
-o-
8 39 43 7 30 7.0-7.1 4.2-4.3
-webkit-
11.5
-o-

# CSS font-feature-settings

- 推荐阅读

Method of applying advanced typographic and language-specific font features to supported OpenType fonts.

支持76.95
部分支持0.58
总计77.53
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
-webkit-
44 48
-webkit-
35
-webkit-
14 43 47
-webkit-
34
-webkit-
11 13 42 46
-webkit-
9 33
-webkit-
9.0-9.1 5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42 11 9.9
-webkit-
10 12 41 45
-webkit-
8 32
-webkit-
8.1-8.4 4.4.3-4.4.4
-webkit-
12.1 7 10
9 40 44
-webkit-
7.1 31
-webkit-
8 4.4
-webkit-
12
8 39 43
-webkit-
7 30
-webkit-
7.0-7.1 4.2-4.3 11.5

# CSS Animation

- 推荐阅读

Complex method of animating certain properties of an element

支持90.24
部分支持0.06
总计90.3
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10
-webkit-
46 42 11 9.9
-webkit-
10 12 41 45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
9 40 44 7.1
-webkit-
31 8
-webkit-
4.4
-webkit-
12
8 39 43 7
-webkit-
30 7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# CSS Gradients

- 推荐阅读

Method of defining a linear or radial color gradient as a CSS image.

支持90.08
部分支持0.31
总计90.39
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
-webkit-
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7
-webkit-
10
9 40 44 7.1 31 8 4.4 12
-o-
8 39 43 7 30 7.0-7.1 4.2-4.3
-webkit-
11.5 #1
-o-

# CSS Canvas Drawings

- 推荐阅读

Method of using HTML5 Canvas as a background image. Not currently part of any specification.

支持71.98
部分支持0
总计71.98
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
-webkit-
44 48
-webkit-
35
-webkit-
14 43 47
-webkit-
34
-webkit-
11 13 42 46
-webkit-
9
-webkit-
33
-webkit-
9.0-9.1
-webkit-
5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42 11 9.9
-webkit-
10 12 41 45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
9 40 44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39 43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# CSS Reflections

- 推荐阅读

Method of displaying a reflection of an element

支持64.3
部分支持0
总计64.3
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
-webkit-
44 48
-webkit-
35
-webkit-
14 43 47
-webkit-
34
-webkit-
11 13 42 46
-webkit-
9
-webkit-
33
-webkit-
9.0-9.1
-webkit-
5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42 11 9.9
10 12 41 45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
9 40 44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39 43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# CSS Masks

- 推荐阅读

Method of displaying part of an element, using a selected image as a mask

支持0
部分支持81.46
总计81.46
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #2 49 #1
-webkit-
44 #2 48 #1
-webkit-
35 #1
-webkit-
14 43 #2 47 #1
-webkit-
34 #1
-webkit-
11 13 42 #2 46 #1
-webkit-
9 #1
-webkit-
33 #1
-webkit-
9.0-9.1 #1
-webkit-
5.0-8.0 46 #1
-webkit-
33 #1
-webkit-
10 #1
-webkit-
46 #1
-webkit-
42 #2 11 9.9 #1
-webkit-
10 12 41 #2 45 #1
-webkit-
8 #1
-webkit-
32 #1
-webkit-
8.1-8.4 #1
-webkit-
4.4.3-4.4.4 #1
-webkit-
12.1 7 #1
-webkit-
10
9 40 #2 44 #1
-webkit-
7.1 #1
-webkit-
31 #1
-webkit-
8 #1
-webkit-
4.4 #1
-webkit-
12
8 39 #2 43 #1
-webkit-
7 #1
-webkit-
30 #1
-webkit-
7.0-7.1 #1
-webkit-
4.2-4.3 #1
-webkit-
11.5

# SVG in CSS backgrounds

- 推荐阅读

Method of using SVG images as CSS backgrounds

支持90.89
部分支持5.52
总计96.41
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 #2 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 #2 7 10
9 40 44 7.1 31 8 4.4 12 #2
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5 #2

# CSS Feature Queries

- 推荐阅读

CSS Feature Queries allow authors to condition rules based on whether particular property declarations are supported in CSS using the @supports at rule.

支持67.85
部分支持0
总计67.85
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# Flexible Box Layout Module

- 推荐阅读

Method of positioning elements in horizontal or vertical stacks. Support includes the support for the all properties prefixed with `flex` as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`.

支持77.02
部分支持18.39
总计95.41
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 #4 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9 #1
-webkit-
10 #2
-ms-
12 41 45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4 12.1 7 #1
-webkit-
10 #2
-ms-
9 40 44 7.1
-webkit-
31 8
-webkit-
4.4 12
8 39 43 7
-webkit-
30 7.0-7.1
-webkit-
4.2-4.3 #1
-webkit-
11.5

# CSS Backdrop Filter

- 推荐阅读

Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element.

支持5.97
部分支持0
总计5.97
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49 #1
44 48 #1 35
14 43 47 #1 34
11 13 42 46 9
-webkit-
33 9.0-9.1
-webkit-
5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Backdrop Filter

- 推荐阅读

Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element.

支持5.97
部分支持0
总计5.97
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49 #1
44 48 #1 35
14 43 47 #1 34
11 13 42 46 9
-webkit-
33 9.0-9.1
-webkit-
5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# calc() as CSS unit value

- 推荐阅读

Method of allowing calculated values for length units, i.e. `width: calc(100% - 3em)`

支持76.11
部分支持4.64
总计80.75
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 #1 12.1 7 10
9 #2 40 44 7.1 31 8 4.4 #1 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Opacity

- 推荐阅读

Method of setting the transparency level of an element

支持96.56
部分支持1.34
总计97.9
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Text-overflow

- 推荐阅读

Append ellipsis when text overflows its containing element

支持97.76
部分支持0
总计97.76
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
-o-
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5
-o-

# CSS3 Overflow-wrap

- 推荐阅读

Allows lines to be broken within words if an otherwise unbreakable string is too long to fit. Currently mostly supported using the `word-wrap` property.

支持61.57
部分支持36.23
总计97.8
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 object-fit/object-position

- 推荐阅读

Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.

支持63.16
部分支持8.64
总计71.8
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 #1 33 9.0-9.1 #1 5.0-8.0
-o-
46 33 10 46 42 11 9.9
10 12 41 45 8 #1 32 8.1-8.4 #1 4.4.3-4.4.4 12.1
-o-
7 10
9 40 44 7.1 #1 31 8 #1 4.4 12
-o-
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5
-o-

# CSS min/max-width/height

- 推荐阅读

Method of setting a minimum or maximum width or height to an element.

支持97.84
部分支持0
总计97.84
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 #2 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS text-stroke

- 推荐阅读

Method of declaring the outline (stroke) width and color for text.

支持64.31
部分支持0
总计64.31
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
-webkit-
44 48
-webkit-
35
-webkit-
14 43 47
-webkit-
34
-webkit-
11 13 42 46
-webkit-
9
-webkit-
33
-webkit-
9.0-9.1
-webkit-
5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42 11 9.9
10 12 41 45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
9 40 44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39 43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# CSS inline-block

- 推荐阅读

Method of displaying an element as a block while flowing it with text.

支持97.78
部分支持0.12
总计97.9
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Grid Layout

- 推荐阅读

Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for lay out into columns and rows using a set of predictable sizing behaviors

支持0
部分支持8.73
总计8.73
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #3 49 #1
44 #3 48 #1 35 #1
14 #2
-ms-
43 #3 47 #1 34 #1
11 #2
-ms-
13 #2
-ms-
42 #3 46 #1 9 33 #1 9.0-9.1 5.0-8.0 46 33 10 46 42 11 #2
-ms-
9.9
10 #2
-ms-
12 #2
-ms-
41 #3 45 #1 8 32 #1 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #2
-ms-
9 40 #3 44 #1 7.1 31 #1 8 4.4 12
8 39 43 #1 7 30 #1 7.0-7.1 4.2-4.3 11.5

# CSS zoom

- 推荐阅读

Non-standard method of scaling content.

支持83.05
部分支持0
总计83.05
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 #1 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 #1 9.9
10 #1 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #1
9 #1 40 44 7.1 31 8 4.4 12
8 #1 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# rem (root em) units

- 推荐阅读

Type of unit similar to `em`, but relative only to the root element, not any parent element. Thus compounding does not occur as it does with `em` units.

支持94.39
部分支持1.97
总计96.36
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 #1 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 #1 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# TTF/OTF - TrueType and OpenType font support

- 推荐阅读

Support for the TrueType (.ttf) and OpenType (.otf) outline font formats in @font-face.

支持82.44
部分支持9.06
总计91.5
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 #1 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 #1 9.9
10 #1 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #1
9 #1 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS pointer-events (for HTML)

- 推荐阅读

This CSS property, when set to "none" allows elements to not receive hover/click events, instead the event will occur on anything behind it.

支持89.06
部分支持0
总计89.06
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Regions

- 推荐阅读

Method of flowing content into multiple elements.

支持16.98
部分支持8.78
总计25.76
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 #1
-ms-
43 47 34
11 #1
-ms-
13 #1
-ms-
42 46 9
-webkit-
33 9.0-9.1
-webkit-
5.0-8.0 46 33 10 46 42 11 #1
-ms-
9.9
-webkit-
10 #1
-ms-
12 #1
-ms-
41 45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4 12.1 7 10 #1
-ms-
9 40 44 7.1
-webkit-
31 8
-webkit-
4.4 12
8 39 43 7
-webkit-
30 7.0-7.1
-webkit-
4.2-4.3 11.5

# CSS Exclusions Level 1

- 推荐阅读

Exclusions defines how inline content flows around elements. It extends the content wrapping ability of floats to any block-level element.

支持8.73
部分支持0
总计8.73
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14
-ms-
43 47 34
11
-ms-
13
-ms-
42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11
-ms-
9.9
10
-ms-
12
-ms-
41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
-ms-
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Counters

- 推荐阅读

Method of controlling number values in generated content, using the `counter-reset` and `counter-increment` properties.

支持97.79
部分支持0
总计97.79
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS resize property

- 推荐阅读

Method of allowing an element to be resized by the user, with options to limit to a given direction.

支持60.65
部分支持0.13
总计60.78
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Repeating Gradients

- 推荐阅读

Method of defining a repeating linear or radial color gradient as a CSS image.

支持90.08
部分支持0.01
总计90.09
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
-webkit-
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
-o-
8 39 43 7 30 7.0-7.1 4.2-4.3
-webkit-
11.5
-o-

# CSS Filter Effects

- 推荐阅读

Method of applying filter effects (like blur, grayscale, brightness, contrast and hue) to elements, previously only possible by using SVG.

支持77.8
部分支持0.96
总计78.76
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
-webkit-
44 48
-webkit-
35
-webkit-
14 #4 43 47
-webkit-
34
-webkit-
11 13 #4 42 46
-webkit-
9
-webkit-
33
-webkit-
9.0-9.1
-webkit-
5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42 11 9.9
-webkit-
10 12 #2 41 45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7 10
9 40 44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39 43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3 11.5

# CSS Filter Effects

- 推荐阅读

Method of applying filter effects (like blur, grayscale, brightness, contrast and hue) to elements, previously only possible by using SVG.

支持77.8
部分支持0.96
总计78.76
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
-webkit-
44 48
-webkit-
35
-webkit-
14 #4 43 47
-webkit-
34
-webkit-
11 13 #4 42 46
-webkit-
9
-webkit-
33
-webkit-
9.0-9.1
-webkit-
5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42 11 9.9
-webkit-
10 12 #2 41 45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7 10
9 40 44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39 43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3 11.5

# getComputedStyle

- 推荐阅读

API to get the current computed CSS styles applied to an element. This may be the current value applied by an animation or as set by a stylesheet.

支持91.14
部分支持5.41
总计96.55
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 #2 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 #2 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 word-break

- 推荐阅读

Property to prevent or allow words to be broken over multiple lines between letters.

支持65.17
部分支持27.12
总计92.29
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# Viewport units: vw, vh, vmin, vmax

- 推荐阅读

Length units representing 1% of the viewport size for viewport width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax).

支持70.12
部分支持10.33
总计80.45
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 #2 43 47 34
11 #2 13 #2 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 #2 9.9
10 #2 12 #2 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #2
9 #1 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 #3 4.2-4.3 11.5

# Scoped CSS

- 推荐阅读

Allows CSS rules to be scoped to part of the document, based on the position of the style element.

支持16.78
部分支持0
总计16.78
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS outline

- 推荐阅读

The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.

支持92.79
部分支持0
总计92.79
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 #1 43 47 34
11 #1 13 #1 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 #1 9.9
10 #1 12 #1 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #1
9 #1 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS user-select: none

- 推荐阅读

Method of preventing text/element selection using CSS.

支持90.23
部分支持0
总计90.23
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45
-moz-
49
-webkit-
44
-moz-
48
-webkit-
35
-webkit-
14
-ms-
43
-moz-
47
-webkit-
34
-webkit-
11
-ms-
13
-ms-
42
-moz-
46
-webkit-
9
-webkit-
33
-webkit-
9.0-9.1
-webkit-
5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42
-moz-
11
-ms-
9.9
-webkit-
10
-ms-
12
-ms-
41
-moz-
45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
-ms-
9 40
-moz-
44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39
-moz-
43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# Intrinsic & Extrinsic Sizing

- 推荐阅读

Allows for the heights and widths to be specified in intrinsic values using the `fill`, `max-content`, `min-content`, and `fit-content` properties.

支持52.2
部分支持18.8
总计71
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #1
-moz-
49 #3
44 #1
-moz-
48 #3 35 #3
14 43 #1
-moz-
47 #3 34 #3
11 13 42 #1
-moz-
46 #3 9 #3
-webkit-
33 #3 9.0-9.1 #3
-webkit-
5.0-8.0 46 #3 33 #3 10 #3
-webkit-
46 #3 42 #1
-moz-
11 9.9
10 12 41 #1
-moz-
45 #3
-webkit-
8 #1
-webkit-
32 #3
-webkit-
8.1-8.4 #1
-webkit-
4.4.3-4.4.4 #3
-webkit-
12.1 7 10
9 40 #1
-moz-
44 #3
-webkit-
7.1 #1
-webkit-
31 #3
-webkit-
8 #1
-webkit-
4.4 #3
-webkit-
12
8 39 #1
-moz-
43 #3
-webkit-
7 #1
-webkit-
30 #3
-webkit-
7.0-7.1 #1
-webkit-
4.2-4.3 11.5

# CSS3 tab-size

- 推荐阅读

Method of customizing the width of the tab character. Only effective using 'white-space: pre' or 'white-space: pre-wrap'.

支持46.43
部分支持29.87
总计76.3
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #1
-moz-
49
44 #1
-moz-
48 35
14 43 #1
-moz-
47 34
11 13 42 #1
-moz-
46 9 #1 33 9.0-9.1 #1 5.0-8.0 #1
-o-
46 #1 33 10 #1 46 42 #1
-moz-
11 9.9
10 12 41 #1
-moz-
45 8 #1 32 8.1-8.4 #1 4.4.3-4.4.4 #1 12.1 #1
-o-
7 #1 10
9 40 #1
-moz-
44 7.1 #1 31 8 #1 4.4 #1 12 #1
-o-
8 39 #1
-moz-
43 7 #1 30 7.0-7.1 #1 4.2-4.3 11.5 #1
-o-

# ::selection CSS pseudo-element

- 推荐阅读

The ::selection CSS pseudo-element applies rules to the portion of a document that has been highlighted (e.g., selected with the mouse or another pointing device) by the user.

支持74.42
部分支持0
总计74.42
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45
-moz-
49
44
-moz-
48 35
14 43
-moz-
47 34
11 13 42
-moz-
46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42
-moz-
11 9.9
10 12 41
-moz-
45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40
-moz-
44 7.1 31 8 4.4 12
8 39
-moz-
43 7 30 7.0-7.1 4.2-4.3 11.5

# ::placeholder CSS pseudo-element

- 推荐阅读

The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text `YYYY/MM/DD` to clarify that numeric dates are to be entered in year-month-day order.

支持9.14
部分支持80.97
总计90.11
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45
-moz-
49
-webkit-
44
-moz-
48
-webkit-
35
-webkit-
14
-ms-
43
-moz-
47
-webkit-
34
-webkit-
11
-ms-
13
-ms-
42
-moz-
46
-webkit-
9
-webkit-
33
-webkit-
9.0-9.1
-webkit-
5.0-8.0 46
-webkit-
33
-webkit-
10
-webkit-
46
-webkit-
42
-moz-
11
-ms-
9.9
-webkit-
10
-ms-
12
-ms-
41
-moz-
45
-webkit-
8
-webkit-
32
-webkit-
8.1-8.4
-webkit-
4.4.3-4.4.4
-webkit-
12.1 7
-webkit-
10
-ms-
9 40
-moz-
44
-webkit-
7.1
-webkit-
31
-webkit-
8
-webkit-
4.4
-webkit-
12
8 39
-moz-
43
-webkit-
7
-webkit-
30
-webkit-
7.0-7.1
-webkit-
4.2-4.3
-webkit-
11.5

# CSS Device Adaptation

- 推荐阅读

A standard way to override the size of viewport in web page using the `@viewport` rule, standardizing and replacing Apple's own popular `<meta>` viewport implementation.

支持0
部分支持13.79
总计13.79
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 #1
-ms-
43 47 34
11 #1
-ms-
13 #1
-ms-
42 46 9 33 9.0-9.1 5.0-8.0 #2
-o-
46 33 10 46 42 11 #1
-ms-
9.9
10 #1
-ms-
12 #1
-ms-
41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 #2
-o-
7 10 #1
-ms-
9 40 44 7.1 31 8 4.4 12 #2
-o-
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5 #2
-o-

# text-emphasis styling

- 推荐阅读

Method of using small symbols next to each glyph to emphasize a run of text, commonly used in East Asian languages. The `text-emphasis` shorthand, and its `text-emphasis-style` and `text-emphasis-color` longhands, can be used to apply marks to the text. The `text-emphasis-position` property, which inherits separately, allows setting the emphasis marks' position with respect to the text.

支持9.03
部分支持60.04
总计69.07
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49 #1
-webkit-
44 48 #1
-webkit-
35 #1
-webkit-
14 43 47 #1
-webkit-
34 #1
-webkit-
11 13 42 46 #1
-webkit-
9 33 #1
-webkit-
9.0-9.1 5.0-8.0 46 #1
-webkit-
33 #1
-webkit-
10 #1
-webkit-
46 #1
-webkit-
42 11 9.9 #1
-webkit-
10 12 41 45 #1
-webkit-
8 32 #1
-webkit-
8.1-8.4 4.4.3-4.4.4 #1
-webkit-
12.1 7 10
9 40 44 #1
-webkit-
7.1 31 #1
-webkit-
8 4.4 #1
-webkit-
12
8 39 43 #1
-webkit-
7 #1
-webkit-
30 #1
-webkit-
7.0-7.1 4.2-4.3 11.5

# CSS3 Cursors (original values)

- 推荐阅读

CSS3 cursor values added in the 2004 spec, including none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize and all-scroll.

支持51.5
部分支持2.41
总计53.91
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 #2 43 47 34
11 13 #2 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 #2 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 #1 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS3 Cursors: zoom-in & zoom-out

- 推荐阅读

Support for `zoom-in`, `zoom-out` values for the CSS3 `cursor` property.

支持44.4
部分支持0
总计44.4
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10
-webkit-
46 42 11 9.9
10 12 41 45 8
-webkit-
32 8.1-8.4 4.4.3-4.4.4 12.1 7
-webkit-
10
9 40 44 7.1
-webkit-
31 8 4.4 12
8 39 43 7
-webkit-
30 7.0-7.1 4.2-4.3 11.5

# CSS position:sticky

- 推荐阅读

Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling.

支持18
部分支持0
总计18
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9
-webkit-
33 9.0-9.1
-webkit-
5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4 12.1 7 10
9 40 44 7.1
-webkit-
31 8
-webkit-
4.4 12
8 39 43 7
-webkit-
30 7.0-7.1
-webkit-
4.2-4.3 11.5

# CSS Variables

- 推荐阅读

Permits the declaration and usage of cascading variables in stylesheets.

支持8.77
部分支持0
总计8.77
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS background-blend-mode

- 推荐阅读

Allows blending between CSS background images, gradients, and colors.

支持26.09
部分支持38.96
总计65.05
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 #2 9 #1 33 #2 9.0-9.1 #1 5.0-8.0 46 33 #2 10 46 #2 42 11 9.9
10 12 41 45 8 #1 32 8.1-8.4 #1 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 #1 31 8 #1 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# Blending of HTML/SVG elements

- 推荐阅读

Allows blending between arbitrary SVG and HTML elements

支持55.31
部分支持8.64
总计63.95
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 #2 33 9.0-9.1 #2 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 #2 32 8.1-8.4 #2 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 #2 31 8 #2 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# text-decoration styling

- 推荐阅读

Method of defining the type, style and color of lines in the text-decoration property. These can be defined as shorthand (e.g. `text-decoration: line-through dashed blue`) or as single properties (e.g. `text-decoration-color: blue`)

支持9.4
部分支持8.64
总计18.04
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49 #1
44 48 #1 35
14 43 47 #1 34
11 13 42 46 #1 9 #2
-webkit-
33 9.0-9.1 #2
-webkit-
5.0-8.0 46 33 10 46 #1 42 11 9.9
10 12 41 45 #1 8 #2
-webkit-
32 8.1-8.4 #2
-webkit-
4.4.3-4.4.4 12.1 7 10
9 40 44 #1 7.1 #2
-webkit-
31 8 #2
-webkit-
4.4 12
8 39 43 #1 7 30 7.0-7.1 4.2-4.3 11.5

# CSS will-change property

- 推荐阅读

Method of optimizing animations by informing the browser which elements will change and what properties will change.

支持55.89
部分支持0
总计55.89
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS Shapes Level 1

- 推荐阅读

Allows geometric shapes to be set in CSS to define an area for text to flow around.

支持55.99
部分支持0
总计55.99
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9
-webkit-
33 9.0-9.1
-webkit-
5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8
-webkit-
32 8.1-8.4
-webkit-
4.4.3-4.4.4 12.1 7 10
9 40 44 7.1
-webkit-
31 8
-webkit-
4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# Improved kerning pairs & ligatures

- 推荐阅读

Currently non-standard method of improving kerning pairs & ligatures using `text-rendering: optimizeLegibility`.

支持79.24
部分支持2.07
总计81.31
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 #1 11.5

# CSS3 image-orientation

- 推荐阅读

CSS property used generally to fix the intended orientation of an image. This can be done using 90 degree increments or based on the image's EXIF data using the "from-image" value.

支持8.94
部分支持7.22
总计16.16
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 #1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 #1 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 #1 4.4 12
8 39 43 7 30 7.0-7.1 #1 4.2-4.3 11.5

# CSS text-size-adjust

- 推荐阅读

On mobile devices, the text-size-adjust CSS property allows Web authors to control if and how the text-inflating algorithm is applied to the textual content of the element it is applied to.

支持15.87
部分支持0
总计15.87
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1
-webkit-
5.0-8.0 46 33 10 46 42
-moz-
11
-ms-
9.9
-webkit-
10 12 41 45 8 32 8.1-8.4
-webkit-
4.4.3-4.4.4 12.1 7 10
-ms-
9 40 44 7.1 31 8
-webkit-
4.4 12
8 39 43 7 30 7.0-7.1
-webkit-
4.2-4.3 11.5

# CSS Appearance

- 推荐阅读

The `appearance` property defines how elements (particularly form controls) appear by default. By setting the value to `none` the default appearance can be entirely redefined using other CSS properties.

支持0
部分支持82.92
总计82.92
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #1
-moz-
49 #1
-webkit-
44 #1
-moz-
48 #1
-webkit-
35 #1
-webkit-
14 #1 43 #1
-moz-
47 #1
-webkit-
34 #1
-webkit-
11 13 #1 42 #1
-moz-
46 #1
-webkit-
9 #1
-webkit-
33 #1
-webkit-
9.0-9.1 #1
-webkit-
5.0-8.0 46 #1
-webkit-
33 #1
-webkit-
10 #1
-webkit-
46 #1
-webkit-
42 #1
-moz-
11 #1 9.9 #1
-webkit-
10 12 #1 41 #1
-moz-
45 #1
-webkit-
8 #1
-webkit-
32 #1
-webkit-
8.1-8.4 #1
-webkit-
4.4.3-4.4.4 #1
-webkit-
12.1 7 #1
-webkit-
10
9 40 #1
-moz-
44 #1
-webkit-
7.1 #1
-webkit-
31 #1
-webkit-
8 #1
-webkit-
4.4 #1
-webkit-
12
8 39 #1
-moz-
43 #1
-webkit-
7 #1
-webkit-
30 #1
-webkit-
7.0-7.1 #1
-webkit-
4.2-4.3 #1
-webkit-
11.5

# CSS background-position edge offsets

- 推荐阅读

Allows CSS background images to be positioned relative to the specified edge using the 3 to 4 value syntax. For example: `background-position: right 5px bottom 5px;` for positioning 5px from the bottom-right corner.

支持85.46
部分支持0
总计85.46
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 44 7.1 31 8 4.4 12
8 39 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS touch-action property

- 推荐阅读

touch-action is a CSS property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes), pinch-zooming or double-tap-zooming.

支持56.21
部分支持0
总计56.21
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #1 49
44 #1 48 35
14 43 #1 47 34
11 13 42 #1 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 #2
-ms-
12 41 #1 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10 #2
-ms-
9 40 #1 44 7.1 31 8 4.4 12
8 39 #1 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS clip-path property

- 推荐阅读

Method of defining the visible region of an element using SVG or a shape definition.

支持0
部分支持70.71
总计70.71
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #1 49 #2
-webkit-
44 #1 48 #2
-webkit-
35 #2
-webkit-
14 43 #1 47 #2
-webkit-
34 #2
-webkit-
11 13 42 #1 46 #2
-webkit-
9 #2
-webkit-
33 #2
-webkit-
9.0-9.1 #2
-webkit-
5.0-8.0 46 #2
-webkit-
33 #2
-webkit-
10 46 #2
-webkit-
42 #1 11 9.9
10 12 41 #1 45 #2
-webkit-
8 #2
-webkit-
32 #2
-webkit-
8.1-8.4 #2
-webkit-
4.4.3-4.4.4 #2
-webkit-
12.1 7 10
9 40 #1 44 #2
-webkit-
7.1 #2
-webkit-
31 #2
-webkit-
8 #2
-webkit-
4.4 #2
-webkit-
12
8 39 #1 43 #2
-webkit-
7 #2
-webkit-
30 #2
-webkit-
7.0-7.1 #2
-webkit-
4.2-4.3 11.5

# CSS Font Loading

- 推荐阅读

This CSS module defines a scripting interface to font faces in CSS, allowing font faces to be easily created and loaded from script. It also provides methods to track the loading status of an individual font, or of all the fonts on an entire page.

支持54.13
部分支持0
总计54.13
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 11 9.9
10 12 41 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 #1 44 7.1 31 8 4.4 12
8 39 #1 43 7 30 7.0-7.1 4.2-4.3 11.5

# Font unicode-range subsetting

- 推荐阅读

This @font-face descriptor defines the set of Unicode codepoints that may be supported by the font face for which it is declared. The descriptor value is a comma-delimited list of Unicode range (<urange>) values. The union of these ranges defines the set of codepoints that serves as a hint for user agents when deciding whether or not to download a font resource for a given text run.

支持47.02
部分支持34.61
总计81.63
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #1 49
44 #1 48 35
14 43 #1 47 34
11 13 42 #1 46 9 33 9.0-9.1 5.0-8.0 46 33 10 46 42 #1 11 9.9
10 12 41 #1 45 8 32 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 #1 44 7.1 31 8 4.4 12
8 39 #1 43 7 30 7.0-7.1 4.2-4.3 11.5

# CSS font-stretch

- 推荐阅读

If a font has multiple types of variations based on the width of characters, the `font-stretch` property allows the appropriate one to be selected. The property in itself does not cause the browser to stretch to a font.

支持19.08
部分支持0
总计19.08
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 49
44 48 35
14 43 47 34
11 13 42 46 9