1. 主页
  2. 文档
  3. 参考
  4. 样式表

样式表

样式表中文名称对应表

颜色

中文名英文名
浅绿aqua
black
blue
樱红fuch
gray
绿green
青柠lime
褐红maro
海军蓝nav
橄榄oliv
orange
purple
red
silver
蓝绿teal
white
yellow
transparent
三透rgba
相透hsla
rgb
hsl
var COLOR_T = {
 '浅绿': 'aqua',
 '黑': 'black',
 '蓝': 'blue',
 '樱红': 'fuchsia',
 '灰': 'gray',
 '绿': 'green',
 '青柠': 'lime',
 '褐红': 'maroon',
 '海军蓝': 'navy',
 '橄榄': 'olive',
 '橙': 'orange',
 '紫': 'purple',
 '红': 'red',
 '银': 'silver',
 '蓝绿': 'teal',
 '白': 'white',
 '黄': 'yellow'
};

var REPEAT_T = {
 '重复': 'repeat',
 '不重复': 'no-repeat',
 '横重复': 'repeat-x',
 '竖重复': 'repeat-y',
}
var ATTACHMENT_T = {
 '滚动': 'scroll',
 '固定': 'fixed',
 '本地': 'local',
}

var POSITION_T = {
 '左': 'left',
 '中': 'center',
 '右': 'right',
 '上': 'top',
 '下': 'bottom',
}

var INHERIT_T = {
 '继承': 'inherit',
}

var INVERT_T = {
 '反转': 'invert',
}

var INITIAL_T = {
 '初始': 'initial',
}

var NONE_T = {
 '无': 'none',
}
var NORMAL_T = {
 '默认': 'normal',
}

var UNIT_T = {
 '像素': 'px',
 '厘': 'cm',
 '毫': 'mm',
 '点': 'pt',
 '英': 'in',
 '应': 'rem',
}

var DIRECTION_T = {
 '左右': 'ltr',
 '右左': 'rtl',
}

var TEXT_ALIGN_T = {
 '左': 'left',
 '右': 'right',
 '中': 'center',
 '对齐': 'justify',
}

var TEXT_DECORATION_T = {
 '下线': 'underline',
 '上线': 'overline',
 '中线': 'line-through',
 '闪': 'blink',
}
var BLUR_T = {
 '模糊': 'blur',
}
var TEXT_TRANSFORM_T = {
 '首大写': 'capitalize',
 '大写': 'uppercase',
 '小写': 'lowercase',
}
var UNICODE_BIDI_T = {
 '嵌入': 'embed',
 '双向-覆盖': 'bidi-override',
}

var VERTICAL_ALIGN_T = {
 '基线': 'baseline',
 '下标': 'sub',
 '上标': 'super',
 '上': 'top',
 '文上': 'text-top',
 '中间': 'middle',
 '下': 'bottom',
 '文下': 'text-bottom',
}

var WHITE_SPACE_T = {
 '保留': 'pre',
 '不换行': 'nowrap',
 '保留-换行': 'pre-wrap',
 '保留-行内': 'pre-line',
}

var FONT_NAME_T = {
 '宋': 'SimSun, STSong',
 '黑': 'SimHei, STHeiti',
 '楷': 'KaiTi, STKaiti',
 '仿宋': 'FangSong, STFangsong',
 '衬线': 'Serif',
 '乔治亚': 'Georgia',
}

var FONT_SIZE_T = {
 '更小': 'smaller',
 '更大': 'larger',
 '小': 'small',
 '中等': 'medium',
 '大': 'large',
 'x小': 'x-small',
 'xx小': 'xx-small',
 'x大': 'x-large',
 'xx大': 'xx-large',
}
var FONT_STYLE_T = {
 '斜': 'italic',
 '倾斜': 'oblique',
}
var FONT_VARIANT_T = {
 '小型-大写': 'small-caps',
}

var FONT_WEIGHT_T = {
 '粗': 'bold',
 '更粗': 'bolder',
 '更细': 'lighter',
}

var FONT_T = {
 '标题': 'caption',
 '图标': 'icon',
 '菜单': 'menu',
 '对话框': 'message-box',
 '小标题': 'small-caption',
 '状态栏': 'status-bar',
}
var PSEUDO_T = {
 '链接': 'link',
 '已访问': 'visited',
 '悬': 'hover',
 '激活': 'active',
}

var LIST_STYLE_POSITION_T = {
 '里': 'inside',
 '外': 'outside',
}

var LIST_STYLE_TYPE_T = {
 '实心圆': 'disc',
 '空心圆': 'circle',
 '实心方块': 'square',
 '数字': 'decimal',
 '数字0打头': 'decimal-leading-zero',
 '小罗马': 'lower-roman',
 '大罗马': 'upper-roman',
 '小英文': 'lower-alpha',
 '大英文': 'upper-alpha',
 '小希腊': 'lower-greek',
 '小拉丁': 'lower-latin',
 '大拉丁': 'upper-latin',
 '希伯来': 'hebrew',
 '亚美尼亚': 'armenian',
 '乔治亚': 'georgian',
 '中文国字数字': 'cjk-ideographic',
 '平假名': 'hiragana',
 '片假名': 'katakana',
}

var BORDER_WIDTH_T = {
 '薄': 'thin',
 '中等': 'medium',
 '厚': 'thick',
}

var BORDER_STYLE_T = {
 '隐藏': 'hidden',
 '点线': 'dotted',
 '虚线': 'dashed',
 '实线': 'solid',
 '双线': 'double',
 '凹槽': 'groove',
 '脊': 'ridge',
 '陷入': 'inset',
 '突出': 'outset',
}

var BORDER_COLLAPSE_T = {
 '分开': 'separate',
}

var COLLAPSE_T = {
 '合并': 'collapse',
}

var BORDER_IMAGE_SLICE_T = {
 '填满': 'fill',
}

var AUTO_T = {
 '自动': 'auto',
}

var BORDER_IMAGE_REPEAT_T = {
 '拉伸': 'stretch',
 '重复': 'repeat',
 '缩放': 'round',
 '扩展': 'space',
}

var VISIBILITY_T = {
 '可见': 'visible',
 '隐藏': 'hidden',
}
var OVERFLOW_T = {
 '滚动': 'scroll',
}
var OVERFLOW_XY_T = {
 '无示显': 'no-display',
 '无内容': 'no-content',
}

var DISPLAY_T = {
 '块': 'block',
 '内联': 'inline',
 '内联块': 'inline-block',
 '列表项': 'list-item',
 '磨合': 'run-in',
 '表格': 'table',
 '内联表格': 'inline-table',
 '表格行组': 'table-row-group',
 '表格头组': 'table-header-group',
 '表格脚组': 'table-footer-group',
 '表格行': 'table-row',
 '表格列组': 'table-column-group',
 '表格列': 'table-column',
 '表格单元': 'table-cell',
 '表格标题': 'table-caption',
 '弹性': 'flex',
 '内联弹性': 'inline-flex',
}

var POSITION_STYLE_T = {
 '绝对': 'absolute',
 '固定': 'fixed',
 '相对': 'relative',
 '静': 'static',
 '粘': 'sticky',
}
var CURSOR_T = {
 '默认': 'default',
 '十': 'crosshair',
 '指针': 'pointer',
 '移动': 'move',
 '右改': 'e-resize',
 '右上改': 'ne-resize',
 '左上改': 'nw-resize',
 '上改': 'n-resize',
 '右下改': 'se-resize',
 '左下改': 'sw-resize',
 '下改': 's-resize',
 '左改': 'w-resize',
 '文': 'text',
 '等': 'wait',
 '帮助': 'help',
};

名称

中文名英文名
背景色background-color
背景图background-image
背景重复background-repeat
背景附件background-attachment
背景位置background-position
背景background
字体族font-family
字体号font-size
字体样式font-style
字体变形font-iant
字体粗细font-weight
字体font
列表样式图list-style-image
列表样式位置list-style-position
列表样式标记list-style-type
列表样式list-style
框宽border-width
框样式border-style
框颜色border-color
框圆角border-radius
框合并border-collapse
border
框底宽border-bottom-width
框底样式border-bottom-style
框底颜色border-bottom-color
框底左圆角border-bottom-left-radius
框底右圆角border-bottom-right-radius
框底border-bottom
框上宽border-top-width
框上样式border-top-style
框上颜色border-top-color
框上左圆角border-top-left-radius
框上右圆角border-top-right-radius
框上border-top
框左宽border-left-width
框左样式border-left-style
框左颜色border-left-color
框左border-left
框右宽border-right-width
框右样式border-right-style
框右颜色border-right-color
框右border-right
框图源border-image-source
框图内移border-image-slice
框图宽border-image-width
框图突出border-image-outset
框图重复border-image-repeat
框图border-image
框间距border-spacing
轮廓颜色outline-color
轮廓样式outline-style
轮廓宽outline-width
轮廓outline
边缘margin
边缘下margin-bottom
边缘左margin-left
边缘右margin-right
边缘上margin-top
内衬padding
内衬下padding-bottom
内衬左padding-left
内衬右padding-right
内衬上padding-top
颜色color
方向direction
字母间距letter-spacing
行高line-height
文对齐text-align
文修饰text-decoration
文缩进text-indent
文阴影text-shadow
文转换text-transform
文双向unicode-bidi
垂直对齐vertical-align
空白white-space
字间距word-space
height
最大高max-height
最大宽max-width
最小高min-height
最小宽min-width
width
可见visibility
显示display
定位position
bottom
剪裁clip
光标cursor
left
right
top
溢出overflow
溢出横overflow-x
溢出竖overflow-y
叠序z-index
浮动float
清除clear