all

CSS all 简写属性 将除却 unicode-bididirection 之外的所有属性重设至其初始值,或继承值。

语法

/* Global values */
all: initial
all: inherit
all: unset

/* CSS Cascading and Inheritance Level 4 */
all: revert;

all 属性is specified as one of the CSS 全局 keyword values. Note that none of these values affect the unicode-bididirection 这两个属性。

取值

initial
该关键字代表改变该元素或其父元素的所有属性至初始值。
inherit
该关键字代表改变该元素或其父元素的所有属性的值至他们的父元素属性的值。inherited values
unset
该关键字代表如果该元素的属性的值是可继承的,则改变该元素或该元素的父元素的所有属性的值为他们父元素的属性值,反之则改变为初始值。
revert
指定依赖于声明所属的样式表原点的行为:
User-agent origin
相当于 unset
User origin
将层叠回滚到用户代理级别,以便计算指定的值,就好像没有为该元素指定作者级别或用户级别规则。
Author origin
将层叠回滚到用户级别,以便计算指定的值,就好像没有为元素指定作者级规则。出于revert的目的,“作者”原点包括“覆盖”和“动画”原点。

正式语法

initial | inherit | unset | revert

示例

HTML

<blockquote id="quote">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.

CSS

body {
  font-size: small;
  background-color: #F0F0F0;
  color: blue;
}

blockquote {
  background-color: skyblue;
  color: red;
}

结果

没有 all 属性

<blockquote> 使用浏览器默认样式,以及另外的定义的背景色与文字颜色。它是一个 block 元素:它之后的文字位于它的下方。

all:unset

<blockquote> 没有使用浏览器默认样式:它现在是一个 inline 元素(初始值),其 background-colortransparent (初始值),但其 font-size 仍为 small (继承值) ,其 colorblue (继承值)。

all:initial

<blockquote> 没有使用浏览器默认样式:它现在是一个 inline 元素(初始值),其 background-colortransparent (初始值),其 font-sizenormal (初始值),其 colorblack(初始值)。

all:inherit

<blockquote> 没有使用浏览器默认样式:它现在是一个 block 元素(继承自其父元素 <body>),其 background-colortransparent (继承值),其 font-sizesmall (继承值) ,其 colorblue (继承值)。

规范

规范 状态 备注
CSS Cascading and Inheritance Level 4
all
Candidate Recommendation 添加属性值 revert
CSS Cascading and Inheritance Level 3
all
Candidate Recommendation 初始定义。
初始值There is no practical initial value for it.
适用元素all elements
是否是继承属性
适用媒体There is no practical media for it.
计算值as the specified value applies to each property this is a shorthand for.
Animation typeas each of the properties of the shorthand (all properties but unicode-bidi and direction)
正规顺序the unique non-ambiguous order defined by the formal grammar

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
allChrome Full support 37Edge No support NoFirefox Full support 27IE No support NoOpera Full support 24Safari Full support 9.1WebView Android Full support 37Chrome Android Full support 37Firefox Android Full support 27Opera Android Full support 24Safari iOS Full support 9.3Samsung Internet Android Full support 4.0
revertChrome No support NoEdge No support NoFirefox No support NoIE No support NoOpera No support NoSafari Full support 9.1WebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS Full support 9.3Samsung Internet Android No support No

Legend

Full support  
Full support
No support  
No support

参见

CSS 通用属性值: initial, inherit and unset.