23/6/19

inset

属性 inset 为简写属性，对应于 top、right、bottom和 left 属性。其与 margin 简写属性具有相同的多值语法。

语法

css

inset: 10px;

/* 等于 */
top: 10px;
right: 10px;
bottom: 10px;
left: 10px

outline

outline 属性是在一条声明中设置多个轮廓属性的简写属性，例如 outline-style, outline-width 和 outline-color。

html

<!-- html代码 -->
<!-- a标签,默认padding正常没有上下margin；宽高auto，由内容而定。 -->
<a href="#">This link has a special focus style.</a>

css

/* css 代码 */
a {
  border: 1px solid;
  border-radius: 3px;
  display: inline-block;
  margin: 10px;
  padding: 5px;
}

a:focus {
  outline: 4px dotted #f7d;
  outline-offset: 4px;
  background: #ffa;
}

initial

initial 将属性的初始（或默认）值应用于元素。不应将初始值与浏览器样式表指定的值混淆。它可以应用于任何 CSS 属性。这包括 CSS 简写 all，initial 可用于将所有 CSS 属性恢复到其初始状态。

inherit

inherit 关键字使得元素获取其父元素的计算值。它可以应用于任何 CSS 属性，包括 CSS 简写 all。

对于继承属性，inherit 关键字只是增强了属性的默认行为，通常只在覆盖原有的值的时候使用。

继承始终来自文档树中的父元素，即使父元素不是包含块。

todo list

gap
flex
background
position

23/6/19 ​

inset ​

outline ​

initial ​

inherit ​

todo list ​