杂项

# 综合

# content

content: <内容>#

• 文本值
• attr() 函数

# user-select

user-select: <文本选中效果> 继承

• auto：自动 默认值
• text：可以选择文本
• all：可以选择文本，但必须全选
• none：不能选择文本

# cursor

cursor: <光标> 继承

• auto：自动 默认值
• default：默认
• pointer：手指
• move：移动
• help：带问号
• crosshair：加号
• progress：带加载
• text：文本编辑
• not-allowed：禁用
• wait：加载中
• n-resize：上下拉动
• w-resize：左右拉动
• nw-resize：斜拉动

# pointer-events

pointer-events: <指针事件>

• auto：自动 默认值
• none：无（即不响应指针事件）

# filter

filter: <滤镜>#

• none：无 默认值
• blur() 函数
• brightness() 函数
• contrast() 函数
• saturate() 函数
• grayscale() 函数
• sepia() 函数
• hue-rotate() 函数
• invert() 函数
• url() 函数

# clip-path

clip-path: <裁剪路径>

• none：无 默认值
• inset() 函数
• circle() 函数
• ellipse() 函数
• polygon() 函数
• path() 函数
• url() 函数

# image-rendering

image-rendering: <图片缩放渲染算法>

• auto：平滑处理 默认值
• pixelated：放大时单纯放大像素点，缩小时同 auto
• -webkit-optimize-contrast：优化对比度，即介于 auto 和 pixelated 之间

image-rendering 图片缩放渲染算法 - JSRUN.NETopen in new window

# -webkit-box-reflect

-webkit-box-reflect: none | [<倒影方向> <倒影偏移>? <倒影遮罩图>?]

• none：无 默认值

倒影方向

• above：上
• below：下
• left：左
• right：右

倒影偏移

• 长度值：0px 默认值
• 百分值：方向为上下时，相对于自身宽度；方向为左右时，相对于自身高度。

倒影遮罩图

• none：无 默认值
• 图像值

# -webkit-tap-highlight-color

-webkit-tap-highlight-color: <点击高亮色> 继承

• 颜色值

# -webkit-touch-callout

-webkit-touch-callout: <长按标注>

• default：默认 默认值
• none：无

# -webkit-overflow-scrolling

-webkit-overflow-scrolling: <滚动效果>

• auto：普通滚动，滑动结束时滚动立即停止
• touch：惯性滚动，滑动结束时滚动逐渐减弱至停止

# 变换

# transfrom

transfrom: <变换>#

• translateX() 函数
• translateY() 函数
• translateZ() 函数
• translate() 函数
• translate3d() 函数
• scaleX() 函数
• scaleY() 函数
• scaleZ() 函数
• scale() 函数
• scale3d() 函数
• rotateX() 函数
• rotateY() 函数
• rotateZ() 函数
• rotate() 函数
• rotate3d() 函数
• skewX() 函数
• skewY() 函数
• skew() 函数
• matrix() 函数
• matrix3d() 函数
• perspective() 函数

# transform-style

transform-style: <变换类型>#

• flat：二维平面 默认值
• preserve-3d：三维空间

# transform-origin

transform: <变换原点x坐标> <变换原点y坐标> <变换原点z坐标>

变换原点 x 坐标

• center：中间 默认值
• left：最左边
• right：最右边
• 长度值：左边偏移
• 百分值：左边偏移，相对于自身宽度

变换原点 y 坐标

• center：中间 默认值
• top：最上边
• bottom：最下边
• 长度值：上边偏移
• 百分值：上边偏移，相对于自身高度

变换原点 z 坐标

长度值：上边偏移，0 默认值

# perspective

perspective: <透视距离>

• none：无 默认值
• 长度值

# perspective-origin

perspective: <透视原点x坐标> <透视原点y坐标>

透视原点 x 坐标

• center：中间 默认值
• left：最左边
• right：最右边
• left <长度值|百分值>：左边偏移
• right <长度值|百分值>：右边偏移
• 长度值：左边偏移
• 百分值：左边偏移，相对于自身宽度

透视原点 y 坐标

• center：中间 默认值
• top：最上边
• bottom：最下边
• top <长度值|百分值>：上边偏移
• bottom <长度值|百分值>：下边偏移
• 长度值：上边偏移
• 百分值：上边偏移，相对于自身高度

# 滚动

# scrollbar-gutter

scrollbar-gutter: <滚动条占位>

• auto：自动，即滚动条存在时占位，否则不占位 默认值
• stable：固定占位

# overscroll-behavior-x

overscroll-behavior-x: <水平滚动至边界行为>

• auto：自动 默认值
• contain：阻止滚动冒泡
• none：阻止滚动冒泡和默认行为

# overscroll-behavior-y

overscroll-behavior-x: <垂直滚动至边界行为>

• auto：自动 默认值
• contain：阻止滚动冒泡
• none：阻止滚动冒泡和默认行为

# overscroll-behavior

overscroll-behavior: <overscroll-behavior-x> <overscroll-behavior-y>?

# 替换元素

# object-fit

object-fit: <内容适配>

• fill：拉伸填充 默认值
• contain：等比缩放放入容器
• cover：等比缩放覆盖容器
• none：保持内容原本宽高
• scale-down：等于 none 或 contain 中尺寸更小者

# object-position

object-fit: <内容水平定位> <内容垂直定位>?

可替换元素内容水平定位

• center：中间 默认值
• left：最左边
• right：最右边
• left <长度值|百分值>：左边偏移
• right <长度值|百分值>：右边偏移
• 长度值：左边偏移
• 百分值：左边偏移，相对于自身宽度

可替换元素内容垂直定位

• center：中间 默认值
• top：最上边
• bottom：最下边
• top <长度值|百分值>：上边偏移
• bottom <长度值|百分值>：下边偏移
• 长度值：上边偏移
• 百分值：上边偏移，相对于自身高度

# 运动路径

# offset-path

offset-path: <运动路径>

• path() 函数

# offset-rotate

offset-rotate: <运动角度>

• auto：跟随运动路径朝向 默认值
• 角度值

# offset-distance

offset-distance: <运动距离>

• 长度值
• 百分值：0% 默认值

# offset

offset: <offset-path> [<offset-rotate> || <offset-distance>]?

# 表格

# table-layout

table-layout: <表格布局>

• auto：根据列中各个单元格的宽度和内容长度自动综合分配列宽 默认值
• fixed：根据列中的首行单元格的宽度分配列宽，如首行单元格无设宽度则平分

# border-collapse

border-collapse: <单元格边框模式>

• separate：分离边框模式 默认值
• collapse：合并边框模式

# border-spacing

border-spacing: <单元格横纵向间距> | <单元格横向间距> <单元格纵向间距>

• 长度值

# empty-cells

empty-cells: <空单元格显示>

• show：显示 默认值
• hide：隐藏

# caption-side

caption-side: <标题位置>

• top：表格顶部 默认值
• bottom：表格底部

# 列表

# list-style-type

list-style-type: <列表标记类型> 继承

• none：无
• disc：实圆圈，在 <ul> 中作为默认值被 <li> 继承
• circle：空圆圈
• square：方块
• decimal：十进制数字，在 <ol> 中作为默认值被 <li> 继承
• decimal-leading-zero：0开头的十进制数字
• lower-roman：小写罗马数字
• upper-roman：大写罗马数字
• lower-alpha：小写字母
• upper-alpha：大写字母

# list-style-image

list-style-image: <列表标记图片> 继承

• none：无 默认值
• 图像值

# list-style-position

list-style-position: <列表标记位置> 继承

• outside：在 <li> 外面 默认值
• inside：在 <li> 里面

# list-style

list-style: <list-style-type> || <list-style-image> || <list-style-position> 继承

# SVG

# fill

fill: <填充色>

• none：无
• 颜色值，rgb(0, 0, 0) 默认值
• url()

# fill-opacity

fill-opacity: <填充透明度>

• 数值：0~1，1 默认值
• 百分值

# fill-rule

fill-rule: <填充规则>

• nonzero：非零规则 默认值
• evenodd：奇偶规则

css 填充规则：nonzero 和 evenoddopen in new window

# stroke

stroke: <描边色>

• none：无 默认值
• 颜色值
• url()

# stroke-opacity

stroke-opacity: <描边透明度>

• 数值：0~1，1 默认值
• 百分值

# stroke-width

stroke-width: <描边宽度>

• 长度值，1px 默认值
• 百分值：当相svg 视口宽高相等时，相对于视口宽度或高度；当不相等时，暂不知如何计算。

# stroke-dasharray

stroke-dasharray: <描边虚线间隔>#

• none：无 默认值
• 长度值

# stroke-dashoffset

stroke-dashoffset: <描边虚线偏移>#

• 长度值，0px 默认值

# stroke-linecap

stroke-linecap: <描边末端形状>

• butt：无突出 默认值
• round：突出圆形
• square：突出方形

# stroke-linejoin

stroke-linejoin: <描边转角形状>

• miter：斜接 默认值
• bevel：斜面
• round：圆形

# stop-color

stop-color: <结点色>

• 颜色值，rgb(0, 0, 0) 默认值

# stop-opacity

stop-opacity: <结点透明度>

• 数值：0~1，1 默认值
• 百分值