微信小程序常用属性

古城微笑少年丶 2023-07-13 05:54 4阅读 0赞

<table> 
 <tbody> 
  <tr> 
   <th> <p>动画</p> <p>属性</p> </th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">@keyframes</a></td> 
   <td>规定动画。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation</a></td> 
   <td>所有动画属性的简写属性，除了 animation-play-state 属性。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-name</a></td> 
   <td>规定 @keyframes 动画的名称。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-duration</a></td> 
   <td>规定动画完成一个周期所花费的秒或毫秒。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-timing-function</a></td> 
   <td>规定动画的速度曲线。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-delay</a></td> 
   <td>规定动画何时开始。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-iteration-count</a></td> 
   <td>规定动画被播放的次数。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-direction</a></td> 
   <td>规定动画是否在下一周期逆向地播放。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-play-state</a></td> 
   <td>规定动画是否正在运行或暂停。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">animation-fill-mode</a></td> 
   <td>规定对象动画时间之外的状态。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## CSS 背景属性（Background） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background</a></td> 
   <td>在一个声明中设置所有的背景属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-attachment</a></td> 
   <td>设置背景图像是否固定或者随着页面的其余部分滚动。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-color</a></td> 
   <td>设置元素的背景颜色。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-image</a></td> 
   <td>设置元素的背景图像。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-position</a></td> 
   <td>设置背景图像的开始位置。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-repeat</a></td> 
   <td>设置是否及如何重复背景图像。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-clip</a></td> 
   <td>规定背景的绘制区域。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-origin</a></td> 
   <td>规定背景图片的定位区域。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">background-size</a></td> 
   <td>规定背景图片的尺寸。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## CSS 边框属性（Border 和 Outline） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border</a></td> 
   <td>在一个声明中设置所有的边框属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-bottom</a></td> 
   <td>在一个声明中设置所有的下边框属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-bottom-color</a></td> 
   <td>设置下边框的颜色。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-bottom-style</a></td> 
   <td>设置下边框的样式。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-bottom-width</a></td> 
   <td>设置下边框的宽度。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-color</a></td> 
   <td>设置四条边框的颜色。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-left</a></td> 
   <td>在一个声明中设置所有的左边框属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-left-color</a></td> 
   <td>设置左边框的颜色。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-left-style</a></td> 
   <td>设置左边框的样式。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-left-width</a></td> 
   <td>设置左边框的宽度。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-right</a></td> 
   <td>在一个声明中设置所有的右边框属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-right-color</a></td> 
   <td>设置右边框的颜色。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-right-style</a></td> 
   <td>设置右边框的样式。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-right-width</a></td> 
   <td>设置右边框的宽度。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-style</a></td> 
   <td>设置四条边框的样式。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-top</a></td> 
   <td>在一个声明中设置所有的上边框属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-top-color</a></td> 
   <td>设置上边框的颜色。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-top-style</a></td> 
   <td>设置上边框的样式。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-top-width</a></td> 
   <td>设置上边框的宽度。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-width</a></td> 
   <td>设置四条边框的宽度。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">outline</a></td> 
   <td>在一个声明中设置所有的轮廓属性。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">outline-color</a></td> 
   <td>设置轮廓的颜色。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">outline-style</a></td> 
   <td>设置轮廓的样式。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">outline-width</a></td> 
   <td>设置轮廓的宽度。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-bottom-left-radius</a></td> 
   <td>定义边框左下角的形状。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-bottom-right-radius</a></td> 
   <td>定义边框右下角的形状。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-image</a></td> 
   <td>简写属性，设置所有 border-image-* 属性。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-image-outset</a></td> 
   <td>规定边框图像区域超出边框的量。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-image-repeat</a></td> 
   <td>图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-image-slice</a></td> 
   <td>规定图像边框的向内偏移。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-image-source</a></td> 
   <td>规定用作边框的图片。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-image-width</a></td> 
   <td>规定图片边框的宽度。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-radius</a></td> 
   <td>简写属性，设置所有四个 border-*-radius 属性。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-top-left-radius</a></td> 
   <td>定义边框左上角的形状。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-top-right-radius</a></td> 
   <td>定义边框右下角的形状。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>box-decoration-break</td> 
   <td>&nbsp;</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-shadow</a></td> 
   <td>向方框添加一个或多个阴影。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## Box 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">overflow-x</a></td> 
   <td>如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">overflow-y</a></td> 
   <td>如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">overflow-style</a></td> 
   <td>规定溢出元素的首选滚动方法。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">rotation</a></td> 
   <td>围绕由 rotation-point 属性定义的点对元素进行旋转。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">rotation-point</a></td> 
   <td>定义距离上左边框边缘的偏移点。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## Color 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td>color-profile</td> 
   <td>允许使用源的颜色配置文件的默认以外的规范。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">opacity</a></td> 
   <td>规定元素的不透明级别。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>rendering-intent</td> 
   <td>允许使用颜色配置文件渲染意图的默认以外的规范。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## Content for Paged Media 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td>bookmark-label</td> 
   <td>规定书签的标记。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>bookmark-level</td> 
   <td>规定书签的级别。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>bookmark-target</td> 
   <td>规定书签链接的目标。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>float-offset</td> 
   <td>将元素放在 float 属性通常放置的位置的相反方向。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>hyphenate-after</td> 
   <td>规定连字单词中连字符之后的最小字符数。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>hyphenate-before</td> 
   <td>规定连字单词中连字符之前的最小字符数。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>hyphenate-character</td> 
   <td>规定当发生断字时显示的字符串。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>hyphenate-lines</td> 
   <td>指示元素中连续断字连线的最大数。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>hyphenate-resource</td> 
   <td>规定帮助浏览器确定断字点的外部资源（逗号分隔的列表）。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>hyphens</td> 
   <td>设置如何对单词进行拆分，以改善段落的布局。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>image-resolution</td> 
   <td>规定图像的正确分辨率。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>marks</td> 
   <td>向文档添加裁切标记或十字标记。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>string-set</td> 
   <td>&nbsp;</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## CSS 尺寸属性（Dimension） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">height</a></td> 
   <td>设置元素高度。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">max-height</a></td> 
   <td>设置元素的最大高度。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">max-width</a></td> 
   <td>设置元素的最大宽度。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">min-height</a></td> 
   <td>设置元素的最小高度。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">min-width</a></td> 
   <td>设置元素的最小宽度。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">width</a></td> 
   <td>设置元素的宽度。</td> 
   <td>1</td> 
  </tr> 
 </tbody> 
</table>

## 可伸缩框属性（Flexible Box） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-align</a></td> 
   <td>规定如何对齐框的子元素。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-direction</a></td> 
   <td>规定框的子元素的显示方向。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-flex</a></td> 
   <td>规定框的子元素是否可伸缩。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-flex-group</a></td> 
   <td>将可伸缩元素分配到柔性分组。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-lines</a></td> 
   <td>规定当超出父元素框的空间时，是否换行显示。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-ordinal-group</a></td> 
   <td>规定框的子元素的显示次序。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-orient</a></td> 
   <td>规定框的子元素是否应水平或垂直排列。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-pack</a></td> 
   <td>规定水平框中的水平位置或者垂直框中的垂直位置。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## CSS 字体属性（Font） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font</a></td> 
   <td>在一个声明中设置所有字体属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font-family</a></td> 
   <td>规定文本的字体系列。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font-size</a></td> 
   <td>规定文本的字体尺寸。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font-size-adjust</a></td> 
   <td>为元素规定 aspect 值。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font-stretch</a></td> 
   <td>收缩或拉伸当前的字体系列。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font-style</a></td> 
   <td>规定文本的字体样式。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font-variant</a></td> 
   <td>规定是否以小型大写字母的字体显示文本。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">font-weight</a></td> 
   <td>规定字体的粗细。</td> 
   <td>1</td> 
  </tr> 
 </tbody> 
</table>

## 内容生成（Generated Content） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">content</a></td> 
   <td>与 :before 以及 :after 伪元素配合使用，来插入生成内容。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">counter-increment</a></td> 
   <td>递增或递减一个或多个计数器。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">counter-reset</a></td> 
   <td>创建或重置一个或多个计数器。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">quotes</a></td> 
   <td>设置嵌套引用的引号类型。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td>crop</td> 
   <td>允许被替换元素仅仅是对象的矩形区域，而不是整个对象。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>move-to</td> 
   <td>从流中删除元素，然后在文档中后面的点上重新插入。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>page-policy</td> 
   <td>确定元素基于页面的 occurrence 应用于计数器还是字符串值。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## Grid 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">grid-columns</a></td> 
   <td>规定网格中每个列的宽度。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">grid-rows</a></td> 
   <td>规定网格中每个列的高度。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## Hyperlink 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">target</a></td> 
   <td>简写属性，设置target-name、target-new以及target-position属性。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">target-name</a></td> 
   <td>规定在何处打开链接（链接的目标）。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">target-new</a></td> 
   <td>规定目标链接在新窗口还是在已有窗口的新标签页中打开。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">target-position</a></td> 
   <td>规定在何处放置新的目标链接。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## CSS 列表属性（List） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">list-style</a></td> 
   <td>在一个声明中设置所有的列表属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">list-style-image</a></td> 
   <td>将图象设置为列表项标记。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">list-style-position</a></td> 
   <td>设置列表项标记的放置位置。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">list-style-type</a></td> 
   <td>设置列表项标记的类型。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td>marker-offset</td> 
   <td>&nbsp;</td> 
   <td>2</td> 
  </tr> 
 </tbody> 
</table>

## CSS 外边距属性（Margin） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">margin</a></td> 
   <td>在一个声明中设置所有外边距属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">margin-bottom</a></td> 
   <td>设置元素的下外边距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">margin-left</a></td> 
   <td>设置元素的左外边距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">margin-right</a></td> 
   <td>设置元素的右外边距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">margin-top</a></td> 
   <td>设置元素的上外边距。</td> 
   <td>1</td> 
  </tr> 
 </tbody> 
</table>

## Marquee 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td>marquee-direction</td> 
   <td>设置移动内容的方向。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>marquee-play-count</td> 
   <td>设置内容移动多少次。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>marquee-speed</td> 
   <td>设置内容滚动得多快。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>marquee-style</td> 
   <td>设置移动内容的样式。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## 多列属性（Multi-column） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-count</a></td> 
   <td>规定元素应该被分隔的列数。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-fill</a></td> 
   <td>规定如何填充列。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-gap</a></td> 
   <td>规定列之间的间隔。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-rule</a></td> 
   <td>设置所有 column-rule-* 属性的简写属性。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-rule-color</a></td> 
   <td>规定列之间规则的颜色。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-rule-style</a></td> 
   <td>规定列之间规则的样式。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-rule-width</a></td> 
   <td>规定列之间规则的宽度。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-span</a></td> 
   <td>规定元素应该横跨的列数。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">column-width</a></td> 
   <td>规定列的宽度。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">columns</a></td> 
   <td>规定设置 column-width 和 column-count 的简写属性。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## CSS 内边距属性（Padding） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">padding</a></td> 
   <td>在一个声明中设置所有内边距属性。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">padding-bottom</a></td> 
   <td>设置元素的下内边距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">padding-left</a></td> 
   <td>设置元素的左内边距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">padding-right</a></td> 
   <td>设置元素的右内边距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">padding-top</a></td> 
   <td>设置元素的上内边距。</td> 
   <td>1</td> 
  </tr> 
 </tbody> 
</table>

## Paged Media 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td>fit</td> 
   <td>示意如何对width和height属性均不是auto的被替换元素进行缩放。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>fit-position</td> 
   <td>定义盒内对象的对齐方式。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>image-orientation</td> 
   <td>规定用户代理应用于图像的顺时针方向旋转。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>page</td> 
   <td>规定元素应该被显示的页面特定类型。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>size</td> 
   <td>规定页面内容包含框的尺寸和方向。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## CSS 定位属性（Positioning） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">bottom</a></td> 
   <td>设置定位元素下外边距边界与其包含块下边界之间的偏移。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">clear</a></td> 
   <td>规定元素的哪一侧不允许其他浮动元素。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">clip</a></td> 
   <td>剪裁绝对定位元素。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">cursor</a></td> 
   <td>规定要显示的光标的类型（形状）。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">display</a></td> 
   <td>规定元素应该生成的框的类型。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">float</a></td> 
   <td>规定框是否应该浮动。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">left</a></td> 
   <td>设置定位元素左外边距边界与其包含块左边界之间的偏移。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">overflow</a></td> 
   <td>规定当内容溢出元素框时发生的事情。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">position</a></td> 
   <td>规定元素的定位类型。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">right</a></td> 
   <td>设置定位元素右外边距边界与其包含块右边界之间的偏移。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">top</a></td> 
   <td>设置定位元素的上外边距边界与其包含块上边界之间的偏移。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">vertical-align</a></td> 
   <td>设置元素的垂直对齐方式。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">visibility</a></td> 
   <td>规定元素是否可见。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">z-index</a></td> 
   <td>设置元素的堆叠顺序。</td> 
   <td>2</td> 
  </tr> 
 </tbody> 
</table>

## CSS 打印属性（Print） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td>orphans</td> 
   <td>设置当元素内部发生分页时必须在页面底部保留的最少行数。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">page-break-after</a></td> 
   <td>设置元素后的分页行为。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">page-break-before</a></td> 
   <td>设置元素前的分页行为。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">page-break-inside</a></td> 
   <td>设置元素内部的分页行为。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td>widows</td> 
   <td>设置当元素内部发生分页时必须在页面顶部保留的最少行数。</td> 
   <td>2</td> 
  </tr> 
 </tbody> 
</table>

## CSS 表格属性（Table） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-collapse</a></td> 
   <td>规定是否合并表格边框。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">border-spacing</a></td> 
   <td>规定相邻单元格边框之间的距离。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">caption-side</a></td> 
   <td>规定表格标题的位置。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">empty-cells</a></td> 
   <td>规定是否显示表格中的空单元格上的边框和背景。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">table-layout</a></td> 
   <td>设置用于表格的布局算法。</td> 
   <td>2</td> 
  </tr> 
 </tbody> 
</table>

## CSS 文本属性（Text） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">color</a></td> 
   <td>设置文本的颜色。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">direction</a></td> 
   <td>规定文本的方向 / 书写方向。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">letter-spacing</a></td> 
   <td>设置字符间距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">line-height</a></td> 
   <td>设置行高。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-align</a></td> 
   <td>规定文本的水平对齐方式。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-decoration</a></td> 
   <td>规定添加到文本的装饰效果。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-indent</a></td> 
   <td>规定文本块首行的缩进。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td>text-shadow</td> 
   <td>规定添加到文本的阴影效果。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-transform</a></td> 
   <td>控制文本的大小写。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">unicode-bidi</a></td> 
   <td>设置文本方向。</td> 
   <td>2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">white-space</a></td> 
   <td>规定如何处理元素中的空白。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">word-spacing</a></td> 
   <td>设置单词间距。</td> 
   <td>1</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">hanging-punctuation</a></td> 
   <td>规定标点字符是否位于线框之外。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">punctuation-trim</a></td> 
   <td>规定是否对标点字符进行修剪。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>text-align-last</td> 
   <td>设置如何对齐最后一行或紧挨着强制换行符之前的行。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-emphasis</a></td> 
   <td>向元素的文本应用重点标记以及重点标记的前景色。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-justify</a></td> 
   <td>规定当 text-align 设置为 "justify" 时所使用的对齐方法。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-outline</a></td> 
   <td>规定文本的轮廓。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-overflow</a></td> 
   <td>规定当文本溢出包含元素时发生的事情。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-shadow</a></td> 
   <td>向文本添加阴影。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">text-wrap</a></td> 
   <td>规定文本的换行规则。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">word-break</a></td> 
   <td>规定非中日韩文本的换行规则。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">word-wrap</a></td> 
   <td>允许对长的不可分割的单词进行分割并换行到下一行。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## 2D/3D 转换属性（Transform） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transform</a></td> 
   <td>向元素应用 2D 或 3D 转换。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transform-origin</a></td> 
   <td>允许你改变被转换元素的位置。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transform-style</a></td> 
   <td>规定被嵌套元素如何在 3D 空间中显示。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">perspective</a></td> 
   <td>规定 3D 元素的透视效果。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">perspective-origin</a></td> 
   <td>规定 3D 元素的底部位置。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">backface-visibility</a></td> 
   <td>定义元素在不面对屏幕时是否可见。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## 过渡属性（Transition） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transition</a></td> 
   <td>简写属性，用于在一个属性中设置四个过渡属性。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transition-property</a></td> 
   <td>规定应用过渡的 CSS 属性的名称。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transition-duration</a></td> 
   <td>定义过渡效果花费的时间。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transition-timing-function</a></td> 
   <td>规定过渡效果的时间曲线。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">transition-delay</a></td> 
   <td>规定过渡效果何时开始。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

## 用户界面属性（User-interface） ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>CSS</th> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">appearance</a></td> 
   <td>允许您将元素设置为标准用户界面元素的外观</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">box-sizing</a></td> 
   <td>允许您以确切的方式定义适应某个区域的具体内容。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">icon</a></td> 
   <td>为创作者提供使用图标化等价物来设置元素样式的能力。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">nav-down</a></td> 
   <td>规定在使用 arrow-down 导航键时向何处导航。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">nav-index</a></td> 
   <td>设置元素的 tab 键控制次序。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">nav-left</a></td> 
   <td>规定在使用 arrow-left 导航键时向何处导航。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">nav-right</a></td> 
   <td>规定在使用 arrow-right 导航键时向何处导航。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">nav-up</a></td> 
   <td>规定在使用 arrow-up 导航键时向何处导航。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">outline-offset</a></td> 
   <td>对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">resize</a></td> 
   <td>规定是否可由用户对元素的尺寸进行调整。</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>