9 字符转换：text-transform属性 可能的值 值 描述 none 默认。定义带有小写字母和大写字母的标准的文本。 capitalize 文本中的每个单词以大写字母开头。 uppercase 定义仅有大写字母。 lowercase 定义无大写字母，仅有小写字母。 inherit 规定应该从父元素继承 text-transform 属性的值。 例子： h1 {text-transform:uppercase} 10 文本装饰：text-decoration属性 可能的值 值 描述 none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承 text-decoration 属性的值。 11 处理空白符:white-space属性 可能的值 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 inherit 例子： p   {   white-space: nowrap   } 12 文本方向：direction属性 可能的值 值 描述 ltr 默认。文本方向从左到右。 rtl 文本方向从右到左。 inherit 规定应该从父元素继承 direction 属性的值。 div   {   direction: rtl   } 13 CSS字体：font-family属性 可能的值 值 描述 family-name generic-family  用于某个元素的字体族名称或/及类族名称的一个优先表。 默认值：取决于浏览器。   inherit 规定应该从父元素继承字体系列。 例子： p   {   font-family:"Times New Roman",Georgia,Serif;   } 14 CSS 列表：list-style-type属性 可能的值 CSS2 的值： 值 描述 none 无标记。 disc 默认。标记是实心圆。 circle 标记是空心圆。 square 标记是实心方块。 decimal 标记是数字。 decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。) lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。) upper-roman 大写罗马数字(I, II, III, IV, V, 等。) lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。) upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。) lower-greek 小写希腊字母(alpha, beta, gamma, 等。) lower-latin 小写拉丁字母(a, b, c, d, e, 等。) upper-latin 大写拉丁字母(A, B, C, D, E, 等。) hebrew 传统的希伯来编号方式 armenian 传统的亚美尼亚编号方式 georgian 传统的乔治亚编号方式(an, ban, gan, 等。) cjk-ideographic 简单的表意数字 hiragana 标记是：a, i, u, e, o, ka, ki, 等。（日文片假名） katakana 标记是：A, I, U, E, O, KA, KI, 等。（日文片假名） hiragana-iroha 标记是：i, ro, ha, ni, ho, he, to, 等。（日文片假名） katakana-iroha 标记是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名） CSS2.1 的值： disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inherit 例子： ul.circle {list-style-type:circle;} ul.square {list-style-type:square;} ol.upper-roman {list-style-type:upper-roman;} ol.lower-alpha {list-style-type:lower-alpha;} 15 CSS 表格类属性： tableLayout属性 可能的值 值 描述 automatic 默认。列宽度由单元格内容设定。 fixed 列宽由表格宽度和列宽度设定。 inherit 规定应该从父元素继承 table-layout 属性的值。 设置表格布局算法： table   {   table-layout:fixed;   } border-collapse属性 定义和用法 border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。 值 描述 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 inherit 规定应该从父元素继承 border-collapse 属性的值。 border-spacing属性 定义和用法 border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）。 可能的值 值 描述 length length 规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。 如果定义一个 length 参数，那么定义的是水平和垂直间距。 如果定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。   inherit 规定应该从父元素继承 border-spacing 属性的值。 例子： table   {   border-collapse:separate;   border-spacing:10px 50px;   } caption-side属性 定义和用法 caption-side 属性设置表格标题的位置。 可能的值 值 描述 top 默认值。把表格标题定位在表格之上。 bottom 把表格标题定位在表格之下。 inherit 规定应该从父元素继承 caption-side 属性的值。 例子： caption   {   caption-side:bottom;   } empty-cells属性 定义和用法 empty-cells 属性设置是否显示表格中的空单元格（仅用于“分离边框”模式）。 可能的值 值 描述 hide 默认。不在空单元格周围绘制边框。 show 在空单元格周围绘制边框。 inherit 规定应该从父元素继承 empty-cells 属性的值。 例子： table   {   border-collapse:separate;   empty-cells:hide;   } 16 CSS轮廓 outline属性 定义和用法 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 outline 简写属性在一个声明中设置所有的轮廓属性。 可以按顺序设置如下属性： •outline-color •outline-style •outline-width 可能的值 值 描述 outline-color 规定边框的颜色。参阅：outline-color 中可能的值。 outline-style 规定边框的样式。参阅：outline-style 中可能的值。 outline-width 规定边框的宽度。参阅：outline-width 中可能的值。 inherit 规定应该从父元素继承 outline 属性的设置。 例子： p { border:red solid thin; outline-style:outset; outline-color:#00ff00; outline-width:8px } outline-color属性 定义和用法 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性可设置元素周围的轮廓线。 可能的值 值 描述 color_name 规定颜色值为颜色名称的轮廓颜色（比如 red）。 hex_number 规定颜色值为十六进制值的轮廓颜色（比如 #ff0000）。 rgb_number 规定颜色值为 rgb 代码的轮廓颜色（比如 rgb(255,0,0)）。 invert 默认。执行颜色反转（逆向的颜色）。可使轮廓在不同的背景颜色中都是可见。 inherit 规定应该从父元素继承轮廓颜色的设置。 例子： p   {   outline-style:dotted;   outline-color:#00ff00;   } outline-style属性 定义和用法 outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。 可能的值 例子： 设置轮廓的样式： p   {   outline-style:dotted;   } 值 描述 none 默认。定义无轮廓。 dotted 定义点状的轮廓。 dashed 定义虚线轮廓。 solid 定义实线轮廓。 double 定义双线轮廓。双线的宽度等同于 outline-width 的值。 groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。 ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。 inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。 outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。 inherit 规定应该从父元素继承轮廓样式的设置。 outline-width属性 定义和用法 outline-width 属性设置元素整个轮廓的宽度，只有当轮廓样式不是 none 时，这个宽度才会起作用。如果样式为 none，宽度实际上会重置为 0。不允许设置负长度值。 outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。 可能的值 值 描述 thin 规定细轮廓。 medium 默认。规定中等的轮廓。 thick 规定粗的轮廓。 length 允许您规定轮廓粗细的值。 inherit 规定应该从父元素继承轮廓宽度的设置。 例子： p   {   outline-style:dotted;   outline-width:5px;   }

评论