字体样式(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} |