| 字体样式(Font Style) |
| 序号 |
中文说明 |
标记语法 |
| 1 |
字体样式 |
{font:font-style font-variant font-weight font-size font-family}
|
| 2 |
字体类型 |
{font-family:"字体1","字体2","字体3",...}
|
| 3 |
字体大小 |
{font-size:数值|inherit| medium| large| larger| x-large| xx-large|
small| smaller| x-small| xx-small} |
| 4 |
字体风格 |
{font-style:inherit|italic|normal|oblique} |
| 5 |
字体粗细 |
{font-weight:100-900|bold|bolder|lighter|normal;} |
| 6 |
字体颜色 |
{color:数值;} |
| 7 |
阴影颜色 |
{text-shadow:16位色值} |
| 8 |
字体行高 |
{line-height:数值|inherit|normal;} |
| 9 |
字 间 距 |
{letter-spacing:数值|inherit|normal} |
| 10 |
单词间距 |
{word-spacing:数值|inherit|normal} |
| 11 |
字体变形 |
{font-variant:inherit|normal|small-cps } |
| 12 |
英文转换 |
{text-transform:inherit|none|capitalize|uppercase|lowercase} |
| 13 |
字体变形 |
{font-size-adjust:inherit|none} |
| 14 |
字体 |
{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal|
semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}
|
| 文本样式(Text Style) |
| 序号 |
中文说明 |
标记语法 |
| 1 |
行 间 距 |
{line-height:数值|inherit|normal;} |
| 2 |
文本修饰 |
{text-decoration:inherit|none|underline|overline|line-through|blink} |
| 3 |
段首空格 |
{text-indent:数值|inherit} |
| 4 |
水平对齐 |
{text-align:left|right|center|justify} |
| 5 |
垂直对齐 |
{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}
|
| 6 |
书写方式 |
{writing-mode:lr-tb|tb-rl} |
| 背景样式 |
| 序号 |
中文说明 |
标记语法 |
| 1 |
背景颜色 |
{background-color:数值} |
| 2 |
背景图片 |
{background-image: url(URL)|none} |
| 3 |
背景重复 |
{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} |
| 4 |
背景固定 |
{background-attachment:fixed|scroll} |
| 5 |
背景定位 |
{background-position:数值|top|bottom|left|right|center} |
| 6 |
背影样式 |
{background:背景颜色|背景图象|背景重复|背景附件|背景位置} |
| 框架样式(Box Style)
|
| 序号 |
中文说明 |
标记语法 |
| 1 |
边界留白 |
{margin:margin-top margin-right
margin-bottom margin-left} |
| 2 |
补 白 |
{padding:padding-top padding-right padding-bottom padding-left} |
| 3 |
边框宽度 |
{border-width:border-top-width border-right-width border-bottom-width
border-left-width}
宽度值： thin|medium|thick|数值 |
| 4 |
边框颜色 |
{border-color:数值 数值 数值 数值} 数值：分别代表top、right、bottom、left颜色值 |
| 5 |
边框风格 |
{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove} |
| 6 |
边 框 |
{border:border-width border-style color} |
| |
上 边 框 |
{border-top:border-top-width border-style color} |
| |
右 边 框 |
{border-right:border-right-width border-style color} |
| |
下 边 框 |
{border-bottom:border-bottom-width border-style color} |
| |
左 边 框 |
{border-left:border-left-width border-style color} |
| 7 |
宽 度 |
{width:长度|百分比| auto} |
| 8 |
高 度 |
{height:数值|auto} |
| 9 |
漂 浮 |
{float:left|right|none} |
| 10 |
清 除 |
{clear:none|left|right|both} |
| 分类列表 |
| 序号 |
中文说明 |
标记语法 |
| 1 |
控制显示 |
{display:none|block|inline|list-item} |
| 2 |
控制空白 |
{white-space:normal|pre|nowarp} |
| 3 |
符号列表 |
{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none} |
| 4 |
图形列表 |
{list-style-image:URL} |
| 5 |
位置列表 |
{list-style-position:inside|outside} |
| 6 |
目录列表 |
{list-style:目录样式类型|目录样式位置|url} |
| 7 |
鼠标形状 |
{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize} |
