XML - 数据交换管理/CSS/参考
< XML - 数据交换管理 | CSS
背景 · 背景附件 · 背景颜色 · 背景图像 · 背景位置 · 背景重复 · 边框塌陷 · 边框颜色 · 边框间距 · 底部 · 标题位置 · 清除 · 裁剪 · 颜色 · 内容 · 计数器增量 · 计数器重置 · 光标 · 方向 · 显示 · 空单元格 · 字体 · 字体大小调整 · 字体拉伸 · 字体样式 · 字体变体 · 高度 · 左边 · 字母间距 · 换行符 · 行高 · 列表样式 · 列表样式图像 · 列表样式位置 · 列表样式类型 · 标记偏移 · 最大高度 · 最大宽度 · 最小高度 · 最小宽度 · 轮廓 · 轮廓颜色 · 轮廓样式 · 轮廓宽度 · 溢出 · 位置 · 引号 · 右边 · 红宝石对齐 · 红宝石悬垂 · 红宝石位置 · 表格布局 · 文本自动间距 · 文本缩进 · 文本对齐 · 文本装饰空间 · 文本阴影 · 文本转换 · 文本下划线位置 · 顶部 · Unicode 双向 · 垂直对齐 · 可见性 · 语音家族 · 音量 · 空白符 · 寡妇 · 宽度 · 断词 · 字间距 · 字词换行
CSS 中的大小（宽度，高度，字体大小，边框宽度）采用数字后跟以下单位标识符之一。
| 像素 | 像素，相对于屏幕分辨率 | |
| % | 百分比，相对于容器 | |
| 皮卡 | 皮卡，绝对排版单位 (1pc = 12pt) | |
| 点 | 点，绝对排版单位 (1pt=1/72in) | |
| em | 大写字母 M 的高度，相对于容器的字体大小 | |
| ex | 小写字母 x 的高度，相对于容器的字体大小 | |
| 毫米 | 毫米，绝对公制单位 | |
| 厘米 | 厘米，绝对公制单位 | |
| 英寸 | 英寸，绝对英制单位 (1in = 2.54cm) |
组件的绝对或相对顶部（y）和左边（x）位置。
| 自动 | |
| 继承 | |
| (大小) |
| 后面 | |
| 中心 | |
| 左中心 | |
| 右中心 | |
| 最左边 | |
| 最右边 | |
| 继承 | |
| 左边 | |
| 左侧 | |
| 向左 | |
| 右边 | |
| 右侧 | |
| 向右 |
■ ■ ■ ■ ■ ■ ■ ■ ■ |
重复 | 背景图像将在垂直和水平方向上平铺 |
■ ■ ■ |
水平重复 | 背景图像将在水平方向上重复。细长的图像通常用于创建垂直渐变。 |
■ ■ ■ |
垂直重复 | 背景图像将在垂直方向上重复 |
| 不重复 | 背景图像将只显示一次 |
用于边框宽度，边框样式，边框颜色的简写属性，影响所有 4 个边框。
- 如果只传递一个值，它将影响所有 4 个边框。
- 如果传递两个值，第一个值将影响水平边框，第二个值将影响垂直边框。
- 如果传递四个值，它将按以下顺序引用边框：顶部、右边、底部、左边
| 无 | ||
| 隐藏 | ||
| 点状 | ||
| 虚线 | ||
| 实线 | ||
| 双线 | ||
| 凹槽 | ||
| 凸起 | ||
| 内嵌 | ||
| 外嵌 |
- 如果只传递一个值，它将影响所有 4 个边框。
- 如果传递两个值，第一个值将影响水平边框，第二个值将影响垂直边框。
- 如果传递四个值，它将按以下顺序引用边框：顶部、右边、底部、左边
| 细 | 定义细边框。 |
| 中等 | 定义中等边框。 |
| 粗 | 定义粗边框。 |
| (大小) | 允许您定义边框的厚度。 |
| 底部 | |
| 继承 | |
| 左边 | |
| 右边 | |
| 顶部 |
| 两者 | |
| 继承 | |
| 左边 | |
| 无 | |
| 右边 |
CSS 颜色值可以用 RGB、HEX 或名称定义。系统颜色基于客户端用户界面中使用的颜色。有关更多信息，请参见颜色列表。
| rgb(RRR,GGG,BBB) | 每个部分都是 0 到 255 之间的整数。示例：rgb(127,0,255) | |
| #RRGGBB | 每个部分都是 00 到 FF 之间的十六进制整数值。示例：#AABBCC | |
| 淡蓝色 | #F0F8FF | |
| 古董白 | #FAEBD7 | |
| 浅绿色 | #00FFFF | |
| 碧绿色 | #7FFFD4 | |
| 天蓝色 | #F0FFFF | |
| 米色 | #F5F5DC | |
| 淡黄色 | #FFE4C4 | |
| 黑色 | #000000 | |
| 淡杏仁 | #FFEBCD | |
| 蓝色 | #0000FF | |
| 蓝紫色 | #8A2BE2 | |
| 棕色 | #A52A2A | |
| 浅褐色 | #DEB887 | |
| 暗蓝色 | #5F9EA0 | |
| 黄绿色 | #7FFF00 | |
| 巧克力色 | #D2691E | |
| 珊瑚色 | #FF7F50 | |
| 矢车菊蓝 | #6495ED | |
| 玉米丝色 | #FFF8DC | |
| 猩红色 | #DC143C | |
| 青色 | #00FFFF | |
| 深蓝色 | #00008B | |
| 深青色 | #008B8B | |
| 暗金色 | #B8860B | |
| 深灰色 | #A9A9A9 | |
| 深绿色 | #006400 | |
| 深卡其色 | #BDB76B | |
| 深洋红 | #8B008B | |
| 深橄榄绿 | #556B2F | |
| 深橙色 | #FF8C00 | |
| 深兰花色 | #9932CC | |
| 深红色 | #8B0000 | |
| 暗鲑鱼色 | #E9967A | |
| 暗海绿色 | #8FBC8B | |
| 深石板蓝 | #483D8B | |
| 深石板灰 | #2F4F4F | |
| 深绿松石色 | #00CED1 | |
| 深紫色 | #9400D3 | |
| 深粉色 | #FF1493 | |
| 深天蓝色 | #00BFFF | |
| 暗淡灰色 | #696969 | |
| 道奇蓝 | #1E90FF | |
| 砖红色 | #B22222 | |
| 花白色 | #FFFAF0 | |
| 森林绿 | #228B22 | |
| 紫红色 | #FF00FF | |
| 银灰色 | #DCDCDC | |
| 幽灵白 | #F8F8FF | |
| 金色 | #FFD700 | |
| 金黄色 | #DAA520 | |
| 灰色 | #808080 | |
| 绿色 | #008000 | |
| 黄绿色 | #ADFF2F | |
| 蜜瓜色 | #F0FFF0 | |
| 热粉色 | #FF69B4 | |
| 印度红 | #CD5C5C | |
| 靛蓝色 | #4B0082 | |
| 象牙色 | #FFFFF0 | |
| 卡其色 | #F0E68C | |
| 薰衣草紫 | #E6E6FA | |
| 淡紫红色 | #FFF0F5 | |
| 草绿色 | #7CFC00 | |
| 柠檬薄纱色 | #FFFACD | |
| 淡蓝色 | #ADD8E6 | |
| 淡珊瑚色 | #F08080 | |
| 淡青色 | #E0FFFF | |
| 淡金黄色 | #FAFAD2 | |
| 淡绿色 | #90EE90 | |
| 浅灰色 | #D3D3D3 | |
| 淡粉色 | #FFB6C1 | |
| 浅鲑鱼色 | #FFA07A | |
| 浅海绿色 | #20B2AA | |
| 浅天蓝色 | #87CEFA | |
| 浅石板灰 | #778899 | |
| 浅钢蓝色 | #B0C4DE | |
| 浅黄色 | #FFFFE0 | |
| 酸橙色 | #00FF00 | |
| 青绿色 | #32CD32 | |
| 亚麻色 | #FAF0E6 | |
| 洋红 | #FF00FF | |
| 栗色 | #800000 | |
| 中绿色 | #66CDAA | |
| 中蓝色 | #0000CD | |
| 中兰花色 | #BA55D3 | |
| 中紫色 | #9370DB | |
| 中海绿色 | #3CB371 | |
| 中石板蓝 | #7B68EE | |
| 中春绿色 | #00FA9A | |
| 中绿松石色 | #48D1CC | |
| 中紫红色 | #C71585 | |
| 午夜蓝 | #191970 | |
| 薄荷色 | #F5FFFA | |
| 雾玫瑰色 | #FFE4E1 | |
| 鹿皮色 | #FFE4B5 | |
| 纳瓦霍白 | #FFDEAD | |
| 海军蓝 | #000080 | |
| 旧蕾丝色 | #FDF5E6 | |
| 橄榄色 | #808000 | |
| 橄榄褐色 | #6B8E23 | |
| 橙色 | #FFA500 | |
| 橙红色 | #FF4500 | |
| 兰花色 | #DA70D6 | |
| 淡金黄色 | #EEE8AA | |
| 淡绿色 | #98FB98 | |
| 淡绿松石色 | #AFEEEE | |
| 淡紫红色 | #DB7093 | |
| 木瓜色 | #FFEFD5 | |
| 桃子色 | #FFDAB9 | |
| 秘鲁色 | #CD853F | |
| 粉色 | #FFC0CB | |
| 李子色 | #DDA0DD | |
| 粉蓝色 | #B0E0E6 | |
| 紫色 | #800080 | |
| 红色 | #FF0000 | |
| 玫瑰褐色 | #BC8F8F | |
| 宝蓝色 | #041690 | |
| 马鞍褐色 | #8B4513 | |
| 鲑鱼色 | #FA8072 | |
| 沙褐色 | #F4A460 | |
| 海绿色 | #2E8B57 | |
| 贝壳色 | #FFF5EE | |
| 赭色 | #A0522D | |
| 银色 | #C0C0C0 | |
| 天蓝色 | #87CEEB | |
| 石板蓝 | #6A5ACD | |
| 石板灰 | #708090 | |
| 雪白色 | #FFFAFA | |
| 春绿色 | #00FF7F | |
| 钢蓝色 | #4682B4 | |
| 棕褐色 | #D2B48C | |
| 蓝绿色 | #008080 | |
| 蓟色 | #D8BFD8 | |
| 西红柿色 | #FF6347 | |
| 绿松石色 | #40E0D0 | |
| 紫罗兰色 | #EE82EE | |
| 小麦色 | #F5DEB3 | |
| 白色 | #FFFFFF | |
| 烟白色 | #F5F5F5 | |
| 黄色 | #FFFF00 | |
| 黄绿色 | #9ACD32 |
| 透明 | 透明 | 
|
|
|
|
|
|
|
| |
| 活动边框 | 活动窗口边框。 | |||||||||
| 活动标题 | 活动窗口标题。（标题栏） | |||||||||
| 应用程序工作区 | 多文档界面 (MDI) 的背景色。 | |||||||||
| 背景 | 桌面背景。 | |||||||||
| 按钮面 | 三维显示元素的面部颜色。 | |||||||||
| 按钮高亮 | 三维显示元素的高亮颜色（用于远离光源的边缘）。 | |||||||||
| 按钮阴影 | 三维显示元素的阴影颜色。 | |||||||||
| 按钮文本 | 按钮上的文本。 | |||||||||
| 标题文本 | 标题（标题栏）、大小框和滚动条箭头框中的文本。 | |||||||||
| 灰色文本 | 灰显（禁用）文本。如果当前显示驱动程序不支持纯灰色，则此颜色设置为 #000。 | |||||||||
| 高亮 | 控件中选定的项目。 | |||||||||
| 高亮文本 | 控件中选定项目的文本。 | |||||||||
| 非活动边框 | 非活动窗口边框。 | |||||||||
| 非活动标题 | 非活动窗口标题（标题栏）。 | |||||||||
| 非活动标题文本 | 非活动标题（标题栏）中文本的颜色。 | |||||||||
| 信息背景 | 工具提示控件的背景色。 | |||||||||
| 信息文本 | 工具提示控件的文本颜色。 | |||||||||
| 菜单 | 菜单背景。 | |||||||||
| 菜单文本 | 菜单中的文本。 | |||||||||
| 滚动条 | 滚动条灰色区域。 | |||||||||
| 三维暗阴影 | 三维显示元素的深阴影。 | |||||||||
| 三维面 | 三维显示元素的面部颜色。 | |||||||||
| 三维高亮 | 三维显示元素的高亮颜色。 | |||||||||
| 三维浅阴影 | 三维显示元素的浅色（用于面向光源的边缘）。 | |||||||||
| 三维阴影 | 三维阴影 | |||||||||
| 窗口 | 窗口背景。 | |||||||||
| 窗口框架 | 窗口框架。 | |||||||||
| 窗口文本 | 窗口中的文本。 |
浮动
[edit | edit source]| 无 | |
| 左边 | |
| 右边 |
字体系列
[edit | edit source]| 字体系列 | 草书 | 客户端计算机上的默认草书字体 |
| 字体系列 | 奇幻 | 客户端计算机上的默认奇幻字体 |
| 字体系列 | 等宽 | 客户端计算机上的默认等宽字体 |
| 字体系列 | 无衬线 | 客户端计算机上的默认无衬线字体 |
| 字体系列 | 衬线 | 客户端计算机上的默认衬线字体 |
| 字体系列 | （字体名称） | 示例：Impact |
| 字体系列 | （字体名称的 csv 列表） | 示例：Verdana,Arial,Helvetica,sans-serif |
| 字体系列 | （字体名称的 csv 列表） | 示例：'Times New Roman',serif |
| 字体系列 | （字体名称的 csv 列表） | 示例：'Courier New',Courier,monospace |
字体大小
[edit | edit source]| 字体大小 | (大小) | 示例：11px |
| 字体大小 | 极小 | 相对于默认值非常小 |
| 字体大小 | 特小 | 相对于默认值额外小 |
| 字体大小 | 更小 | 小于默认值 |
| 字体大小 | 小 | 小 |
| 字体大小 | 继承 | 继承父级的字体大小或默认大小 |
| 字体大小 | 中等 | 中等 |
| 字体大小 | 更大 | 大于默认值 |
| 字体大小 | 大 | 大 |
| 字体大小 | 特大 | 相对于默认值额外大 |
| 字体大小 | 极大 | 相对于默认值非常大 |
字体样式
[edit | edit source]| 正常 | 正常 |
| 斜体 | 斜体 |
| 倾斜 | 斜体的变体 |
字体变体
[edit | edit source]| 正常 | 浏览器显示正常字体 |
| 小型大写字母 | 浏览器显示小型大写字母字体 |
字体粗细
[edit | edit source]| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 | |
| 粗体 | |
| 更粗 | |
| 更细 | |
| 正常 |
位置
[edit | edit source]| 继承 | |
| 绝对 | |
| 固定 | |
| 相对 | |
| 静态 |
文本对齐
[edit | edit source]ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
继承 | 从容器继承 |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
左边 | 左（在 LTR 语言中为默认值） |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
中心 | 中心 |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
右边 | 右（在 RTL 语言中为默认值） |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
两端对齐 | 在单词之间添加空格以创建一个视觉文本块 |
文本装饰
[edit | edit source]| 文本装饰 | 闪烁 | 替换 Netscape 的 <blink> 元素。 |
| 文本装饰 | 继承 | |
| 文本装饰 | 删除线 | 替换已弃用的 <s> 和 <strike> 元素。 |
| 文本装饰 | 无 | |
| 文本装饰 | 上划线 | |
| 文本装饰 | 下划线 | 替换已弃用的 <u> 元素。 |
文本转换
[edit | edit source]| 文本转换 | 无 | 默认值。文本未转换。 |
| 文本转换 | 首字母大写 | 将每个单词的第一个字符转换为大写。 |
| 文本转换 | 大写 | 将所有字符转换为大写。 |
| 文本转换 | 小写 | 将所有字符转换为小写。 |
垂直对齐
[edit | edit source]| 基线 | 元素放置在父元素的基线上 |
| 下标 | 将元素对齐为下标 |
| 上标 | 将元素对齐为上标 |
| 顶部 | 元素的顶部与行上最高元素的顶部对齐 |
| 文本顶部 | 元素顶部与父元素字体的顶部对齐 |
| 中间 | 元素放置在父元素的中间 |
| 底部 | 元素底部与行上最低元素对齐 |
| text-bottom | 元素底部与父元素字体的底部对齐 |
| % | 将元素与行高属性的百分比值对齐。允许负值 |
| 折叠 | |
| 隐藏 | |
| 继承 | |
| 可见 |
| 继承 | |
| 响亮 | |
| 中等 | |
| 静音 | |
| 柔和 | |
| 超响 | |
| 超柔 |
| 继承 | |
| 正常 | |
| 不换行 | |
| 预格式化 |
| 继承 | |
| 正常 | |
| (大小) |
| 自动 | |
| 继承 | |
| (整数) |