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',
 '相对': 'em',
 '根': 'rem',
 '秒': 's',
 '毫秒': 'ms',
 '度': 'deg',
 '%': '%',
 '弧度': 'rad',
}

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',
};
var ANIMATION_ITERATION_COUNT_T = {
 '无限': 'infinite',
};
var ANIMATION_TIMING_FUNCTION_T = {
 '线性': 'linear',
 '低速': 'ease',
 '低速开始': 'ease-in',
 '低速结束': 'ease-out',
 '低速开始结束': 'ease-in-out',
};
var ANIMATION_DIRECTION_T = {
 '反向': 'reverse',
 '交替': 'alternate',
 '交替反向': 'alternate-reverse',
};
var ANIMATION_FILL_MODE_T = {
 '向前': 'forwards',
 '向后': 'backwards',
 '双方': 'both',
};
var ANIMATION_PLAY_STATE_T = {
 '暂停': 'paused',
 '运行': 'running',
};

名称

中文名英文名
背景色background-color
背景图background-image
背景重复background-repeat
背景附件background-attachment
背景位置background-position
背景background
字体族font-family
字体号font-size
字体样式font-style
字体变形font-variant
字体粗细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
动画名称animation-name
动画时长animation-duration
动画时间函数animation-timing-function
动画延迟animation-delay
动画播放次数animation-iteration-count
动画方向animation-direction
动画填充模式animation-fill-mode
动画播放状态animation-play-state
动画animation
转换transform
鼠标事件pointer-events
@关键帧@keyframes

动画时间函数

贝塞尔cubic-bezier
步数steps
开始start
结束end

关键帧

from
to

转换

矩阵matrix
矩阵3维matrix3d
转化translate
转化3维translate3d
转化横translateX
转化竖translateY
缩放scale
缩放3维scale3d
缩放横scaleX
缩放竖scaleY
缩放深scaleZ
旋转rotate
旋转3维rotate3d
旋转横rotateX
旋转竖rotateY
旋转深rotateZ
倾斜skew
倾斜横skewX
倾斜竖skewY
透视perspective

选择器

after
before

元素选择器

视图view
页面page