前端手册之----CSS1-3 属性手册总结

忘是亡心i 2022-08-19 08:47 144阅读 0赞

## CSS 属性 ##

CSS 属性组：

*  [动画][Link 1]
 *  [背景][Link 2]
 *  [边框和轮廓][Link 3]
 *  [盒（框）][Link 4]
 *  [颜色][Link 5]
 *  [内容分页媒体][Link 6]
 *  [定位][Link 7]
 *  [可伸缩框][Link 8]
 *  [字体][Link 9]
 *  [生成内容][Link 10]
 *  [网格][Link 11]
 *  [超链接][Link 12]
 *  行框
 *  [列表][Link 13]
 *  [外边距][Link 14]
 *  [Marquee][]
 *  [多列][Link 15]
 *  [内边距][Link 16]
 *  [分页媒体][Link 17]
 *  [定位][Link 18]
 *  [打印][Link 19]
 *  Ruby
 *  语音
 *  [表格][Link 20]
 *  [文本][Link 21]
 *  [2D/3D 转换][2D_3D]
 *  [过渡][Link 22]
 *  [用户界面][Link 23]

"CSS" 列指示该属性是在哪个 CSS 版本（CSS1、CSS2 或 CSS3）中定义的。

## CSS3 动画属性（Animation） ##

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

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

<table style="margin:10px 0px 0px; padding:0px; border:1px solid rgb(170,170,170); border-collapse:collapse; width:708.8px"> 
 <tbody style="margin:0px; padding:0px; border:0px"> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <th style="margin:0px; padding:5px 15px 5px 6px; border:1px solid rgb(170,170,170); vertical-align:baseline; width:187px; background-color:rgb(213,213,213)"> 属性</th> 
   <th style="margin:0px; padding:5px 15px 5px 6px; border:1px solid rgb(170,170,170); vertical-align:baseline; width:430.2px; background-color:rgb(213,213,213)"> 描述</th> 
   <th style="margin:0px; padding:5px 15px 5px 6px; border:1px solid rgb(170,170,170); vertical-align:baseline; width:26.2px; background-color:rgb(213,213,213)"> CSS</th> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 在一个声明中设置所有的边框属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-bottom.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-bottom</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 在一个声明中设置所有的下边框属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-bottom_color.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-bottom-color</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置下边框的颜色。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-bottom_style.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-bottom-style</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置下边框的样式。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-bottom_width.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-bottom-width</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置下边框的宽度。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-color.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-color</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置四条边框的颜色。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-left.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-left</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 在一个声明中设置所有的左边框属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-left_color.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-left-color</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置左边框的颜色。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-left_style.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-left-style</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置左边框的样式。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-left_width.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-left-width</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置左边框的宽度。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-right.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-right</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 在一个声明中设置所有的右边框属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-right_color.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-right-color</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置右边框的颜色。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-right_style.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-right-style</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置右边框的样式。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-right_width.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-right-width</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置右边框的宽度。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-style.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-style</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置四条边框的样式。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-top.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-top</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 在一个声明中设置所有的上边框属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-top_color.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-top-color</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置上边框的颜色。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-top_style.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-top-style</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置上边框的样式。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-top_width.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-top-width</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置上边框的宽度。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-width.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-width</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置四条边框的宽度。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 1</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_outline.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">outline</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 在一个声明中设置所有的轮廓属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_outline-color.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">outline-color</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置轮廓的颜色。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_outline-style.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">outline-style</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置轮廓的样式。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_outline-width.asp" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">outline-width</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 设置轮廓的宽度。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-bottom-left-radius.asp" title="CSS3 border-bottom-left-radius 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-bottom-left-radius</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 定义边框左下角的形状。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-bottom-right-radius.asp" title="CSS3 border-bottom-right-radius 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-bottom-right-radius</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 定义边框右下角的形状。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-image.asp" title="CSS3 border-image 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-image</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 简写属性，设置所有 border-image-* 属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-image-outset.asp" title="CSS3 border-image-outset 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-image-outset</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 规定边框图像区域超出边框的量。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-image-repeat.asp" title="CSS3 border-image-repeat 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-image-repeat</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-image-slice.asp" title="CSS3 border-image-slice 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-image-slice</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 规定图像边框的向内偏移。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-image-source.asp" title="CSS3 border-image-source 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-image-source</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 规定用作边框的图片。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-image-width.asp" title="CSS3 border-image-width 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-image-width</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 规定图片边框的宽度。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-radius.asp" title="CSS3 border-radius 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-radius</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 简写属性，设置所有四个 border-*-radius 属性。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-top-left-radius.asp" title="CSS3 border-top-left-radius 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-top-left-radius</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 定义边框左上角的形状。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_border-top-right-radius.asp" title="CSS3 border-top-right-radius 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">border-top-right-radius</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 定义边框右下角的形状。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> box-decoration-break</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> &nbsp;</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px; border:0px"> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> <a href="http://www.w3school.com.cn/cssref/pr_box-shadow.asp" title="CSS3 box-shadow 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent" rel="nofollow">box-shadow</a></td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 向方框添加一个或多个阴影。</td> 
   <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top; background-color:rgb(239,239,239)"> 3</td> 
  </tr> 
 </tbody> 
</table>

## Box 属性 ##

## Color 属性 ##

## Content for Paged Media 属性 ##

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

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

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

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

## Grid 属性 ##

## Hyperlink 属性 ##

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

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

## Marquee 属性 ##

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

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

## Paged Media 属性 ##

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

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

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

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

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

## 过渡属性（Transition） ##

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

[Link 1]: http://www.w3school.com.cn/cssref/index.asp#animation
[Link 2]: http://www.w3school.com.cn/cssref/index.asp#background
[Link 3]: http://www.w3school.com.cn/cssref/index.asp#border
[Link 4]: http://www.w3school.com.cn/cssref/index.asp#box
[Link 5]: http://www.w3school.com.cn/cssref/index.asp#color
[Link 6]: http://www.w3school.com.cn/cssref/index.asp#contentpm
[Link 7]: http://www.w3school.com.cn/cssref/index.asp#dimension
[Link 8]: http://www.w3school.com.cn/cssref/index.asp#flexbox
[Link 9]: http://www.w3school.com.cn/cssref/index.asp#font
[Link 10]: http://www.w3school.com.cn/cssref/index.asp#generatedcontent
[Link 11]: http://www.w3school.com.cn/cssref/index.asp#grid
[Link 12]: http://www.w3school.com.cn/cssref/index.asp#hyperlink
[Link 13]: http://www.w3school.com.cn/cssref/index.asp#list
[Link 14]: http://www.w3school.com.cn/cssref/index.asp#margin
[Marquee]: http://www.w3school.com.cn/cssref/index.asp#marquee
[Link 15]: http://www.w3school.com.cn/cssref/index.asp#multicolumn
[Link 16]: http://www.w3school.com.cn/cssref/index.asp#padding
[Link 17]: http://www.w3school.com.cn/cssref/index.asp#pagedmedia
[Link 18]: http://www.w3school.com.cn/cssref/index.asp#positioning
[Link 19]: http://www.w3school.com.cn/cssref/index.asp#print
[Link 20]: http://www.w3school.com.cn/cssref/index.asp#table
[Link 21]: http://www.w3school.com.cn/cssref/index.asp#text
[2D_3D]: http://www.w3school.com.cn/cssref/index.asp#transform
[Link 22]: http://www.w3school.com.cn/cssref/index.asp#transition
[Link 23]: http://www.w3school.com.cn/cssref/index.asp#userinterface