编辑“CSS字体”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==Font==
语法：<br>
[[font]] : font-style || font-variant || font-weight || font-size || line-height || font-family<br>
font : caption | icon | menu | message-box | small-caption | status-bar<br>
说明：<br>
设置或检索对象中的文本特性。该属性是复合属性。<br>
默认值为： normal normal normal medium normal "Times New Roman" 。<br>
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。<br>
示例：<br>
<nowiki>p { font: italic small-caps 600 12pts/18pts 宋体; } </nowiki><br>
<nowiki>p { font: oblique 100 24pts; } </nowiki><br>
<nowiki>H1 { font: 15pt/17pt bold "Arial" normal }  </nowiki><br><br>

==color==
语法:<nowiki>color : color </nowiki><br>
取值：color  :　 指定颜色。  <br>
说明：<br>
检索或设置对象的文本颜色。无默认值。注意，用颜色名称指定 color 不被一些浏览器接受。但使用 RGB 值指定颜色能被所有里浏览器识别并正确显示。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>div {color: #345456; } </nowiki><br>
<nowiki>div { color: rgb(100,14,200); } </nowiki><br><br>

==font-family==
语法：<br>
font-family : name <br>
font-family :ncursive | fantasy | monospace | serif | sans-serif <br>
取值：<br>
name  :　 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格，则应使用引号括起<br>
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列，将提供默认字体序列 <br>

说明：<br>
设置或检索用于对象中文本的字体名称序列。默认值为 "Times New Roman" 。序列可包含嵌入字体字体。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>div.fixedwidth { font-family: Courier, "Courier New", monospace } </nowiki><br><br>

==font-size==
语法：font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length <br>
取值：<br>
xx-small  :　 绝对字体尺寸。根据对象字体进行调整。最小 <br>
x-small  :　 绝对字体尺寸。根据对象字体进行调整。较小 <br>
small  :　 绝对字体尺寸。根据对象字体进行调整。小  <br>
x-small  :　 绝对字体尺寸。根据对象字体进行调整。较小 <br>
medium  :　 默认值。绝对字体尺寸。根据对象字体进行调整。正常  <br>
x-small  :　 绝对字体尺寸。根据对象字体进行调整。较小 <br>
large  :　 绝对字体尺寸。根据对象字体进行调整。大 <br>
x-large  :　 绝对字体尺寸。根据对象字体进行调整。较大 <br>
xx-large  :　 绝对字体尺寸。根据对象字体进行调整。最大 <br>
larger  :　 相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的 em 单位计算 <br>
smaller  :　 相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的 em 单位计算 <br>
length  :　 百分数 | 由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。 <br> 
说明：<br>
设置或检索对象中的字体尺寸。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>p { font-style: normal; } </nowiki><br>
<nowiki>p { font-size: 12px; } </nowiki><br>
<nowiki>p { font-size: 20%; } </nowiki><br><br>

==font-size-adjust==
语法：<br>
font-size-adjust : none | number <br>
取值：<br>
none  :　 默认值。允许字体序列中每一字体遵守它的自己的尺寸 <br>
number  :　 为字体序列中所有字体强迫指定同一尺寸 <br>
说明：<br>
设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。<br>
示例：<br>
<nowiki>p { font-family: arial, courier; font-size-adjust: none; } </nowiki><br>
<nowiki>p { font-family: verdana, courier; font-size-adjust: .56; } </nowiki><br><br>

==font-stretch==
语法：<br>
font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded <br>
取值：<br>
normal  :　 默认值。不应用拉伸变形 <br>
narrower  :　 使用比当前设置的值导致字体宽度更小的值 <br>
wider  :　 使用比当前设置的值导致字体宽度更大的值 <br>

说明：<br>
设置或检索用于对象中文本的文字是否横向的拉伸变形。改变是相对于浏览器显示的字体的正常宽度的。<br>
示例：<br>
<nowiki>p { font-stretch: wider; } </nowiki><br>
<nowiki>p { font-stretch: ultra-expanded; } </nowiki><br><br>

==font-style==
语法：<br>
font-style : normal | italic | oblique <br>
取值：<br>
normal  :　 默认值。正常的字体 <br>
italic  :　 斜体。对于没有斜体变量的特殊字体，将应用 oblique  <br>
oblique  :　 倾斜的字体 <br>
说明：<br>
设置或检索对象中的字体样式。对于此属性的默认值来说，IE提供了预定义样式。但是你可以在浏览器菜单的 Internet 选项 中更改它。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>p { font-style: normal; } </nowiki><br>
<nowiki>p { font-style: italic; } </nowiki><br>
<nowiki>p { font-style: oblique; } </nowiki><br><br>

==font-weight==
语法：font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 
取值：<br>
normal  :　 默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置 <br>
bold  :　 粗体。相当于 700 。也相当于 b 对象的作用 <br>
bolder  :　 比 normal >粗 <br>
lighter  :　 比 normal >细 <br>
100  :　 字体至少像 200 那样细 <br>
200  :　 字体至少像 100 那样粗，像 300 那样细 <br>
300  :　 字体至少像 200 那样粗，像 400 那样细 <br>
400  :　 相当于 normal  <br>
500  :　 字体至少像 400 那样粗，像 600 那样细 <br>
600  :　 字体至少像 500 那样粗，像 700 那样细 <br>
700  :　 相当于 bold  <br>
800  :　 字体至少像 700 那样粗，像 900 那样细<br> 
900  :　 字体至少像 800 那样粗 <br>

说明：<br>
设置或检索对象中的文本字体的粗细。作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说，用户可能看不到不同值之间的差异。IE4.0仅仅支持 normal 和 bold 值。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>span { font-weight:800; } </nowiki><br><br>

==text-decoration==
语法：text-decoration : none || underline || blink || overline || line-through  <br>
取值：<br>
none  :　 默认值。无装饰 <br>
blink  :　 闪烁 <br>
underline  :　 下划线 <br>
line-through  :　 贯穿线 <br>
overline  :　 上划线 <br>

说明：<br>
检索或设置对象中的文本的装饰。<br>
有 href 特性的 a ，以及 u ， ins 对象默认值为 underline 。<br>
对象 strike ， s ， del ，默认值是 line-through 。<br>
假如 none 值在属性声明的最后，所有的先前的其他取值都会被清除。例如，声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。<br>
假如对象没有文本(如 img 元素)或者是空元素(如：<EM></EM>)， 此属性不会发生作用。<br>
假如你设置 body 对象的此属性值为 none ， a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。<br>
指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生，块对象容器最终会受到影响。<br>
在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供，但它不会被作用。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>div { text-decoration : underline; } </nowiki><br>
<nowiki>div { text-decoration : underline overline; } </nowiki><br>
==text-underline-position==
语法：text-underline-position : below | above  <br>
取值：<br>
below  :　 默认值。在文本下面 <br>
above  :　 在文本上面 <br>

说明：<br>
设置或检索 text-decoration 属性定义的下划线的位置。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
对应的脚本特性为 textUnderlinePosition 。 <br>
示例：<br>
<nowiki>p { text-underline-position: above; text-decoration: underline; } </nowiki>

==text-shadow==
语法：text-shadow : color || length || length || opacity  <br>
取值：<br>
color  :　 指定颜色。请参阅 颜色单位 和 附录：颜色表   <br>
length  :　 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。请参阅 长度单位  <br>
length  :　 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的垂直延伸距离。请参阅 长度单位  <br>
opacity  :　 由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。<br>

说明：<br>
设置或检索对象中文本的文字是否有阴影及模糊效果。<br>
可以设定多组效果，方式是用逗号隔开。<br>
可以被用于伪类 :first-letter 和 :first-line 。<br>
示例：<br>
<nowiki>p { text-shadow: 0px 0px 20px yellow, 0px 0px 10px orange, red 5px -5px; }</nowiki><br>
<nowiki>p:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;} </nowiki>

==font-variant==
语法：font-variant : normal | small-caps  <br>
取值：<br>
normal  :　 默认值。正常的字体 <br>
small-caps  :　 小型的大写字母字体 <br>

说明：<br>
设置或检索对象中的文本是否为小型的大写字母。<br>
IE4.0将此属性的 small-caps 处理为大写字母的较小尺寸。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>span { font-variant: small-caps; } </nowiki><br>

==text-transform==
语法：text-transform : none | capitalize | uppercase | lowercase  <br>
取值：<br>
none  :　 默认值。无转换发生 <br>
capitalize  :　 将每个单词的第一个字母转换成大写，其余无转换发生 <br>
uppercase  :　 转换成大写 <br>
lowercase  :　 转换成小写 <br>

说明：<br>
检索或设置对象中的文本的大小写。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>div { text-transform : uppercase; } </nowiki><br>

==line-height ==
语法：line-height : normal | length <br>
取值：<br>
normal  :　 默认值。默认行高 <br>
length  :　 百分比数字 | 由浮点数字和单位标识符组成的长度值，允许为负值。其百分比取值是基于字体的高度尺寸。<br>

说明：<br>
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。<br>
行高是字体下延与字体内部高度的顶端之间的距离。为负值的行高可用来实现阴影效果。<br>
假如一个格式化的行包括不止一个对象，则最大行高会被应用。在这种情况下，此属性不可以为负值。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>div {line-height:6px; } </nowiki><br>
<nowiki>div {line-height:10.5; } </nowiki><br>

==letter-spacing==
语法：letter-spacing : normal | length <br>
取值：<br>
normal  :　 默认值。默认间隔 <br>
length  :　 由浮点数字和单位标识符组成的长度值，允许为负值。<br>

说明：<br>
检索或设置对象中的文字之间的间隔。<br>
该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。<br>
字符间距会受对齐调整影响。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>div {letter-spacing:6px; } </nowiki><br>
<nowiki>div {letter-spacing:0.5pt; } </nowiki><br>

==word-spacing==
语法：word-spacing : normal | length  <br>
取值：<br>
normal  :　 默认值。默认间隔 <br>
length  :　 由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位  <br>

说明：<br>
检索或设置对象中的单词之间插入的空隔。<br>
对于IE4+而言仅在MAC平台上可用。对于其他系统平台的支持由IE6开始。<br>
单词间距会受对齐调整影响。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
示例：<br>
<nowiki>div { word-spacing : 10; } </nowiki><br>
<nowiki>div { word-spacing : 10px; } </nowiki><br>
[[category:CSS学习教程]]