CSS中鲜为人知的属性

  1. all属性重置被选择的元素的所有属性,除了控制文本方向的direction unicode-bidi,initial: 重置所有的属性变成CSS规范中的默认属性,inherit: 继承原来的应该从父元素继承的属性,unset: 继承原来的应该从父元素继承的属性,如果没有可以继承的值,使用初始值.

  2. background-clip定义在背景中文本区域的大小
    border-box: (默认值) 允许背景延伸到边框的外部 content-box: 背景延伸到元素的content-box padding-box: 背景被剪切到元素的填充的外边缘,因此它应用于内容区和内边距,而不是在边框下 text: 背景被剪切到前景文本。

  3. currentColor:表示元素color属性的计算值。

.parent {
  color: #ccc;
  border: 1px solid currentColor;
}
.child {
  background: currentColor;
}

4.hyphens:描述浏览器如何截断文本

none: 没有连接符截断文字,文字移除 auto: 浏览器自动截断文本 manual: 手动指定特殊的断点s'd

There are two line break characters you can use:

­ - will let the browser know that it's a place in text where the hyphenation may be performed if necessary ‐ - will render the hyphen even if the line is not broken