2019-05-24 CSS3用户界面

appearance

设置或检索外观按照本地默认样式

appearance:none | button | button-bevel...;

兼容性：所有主流浏览器都不支持appearance属性；
都要加上前缀:-moz-,-webkit-,

text-overflow

属性在块容器<’overflow’>为非visible时，定义内联内容溢出其块容器是否截断。要结合white-space:nowrap;和overflow:hidden;才起作用。两者缺一不可。

text-overflow:clip | ellipsis

clip：当内联内容溢出块容器时，将溢出部分裁切掉；
ellipsis：当内联内容溢出块容器时，将溢出部分替换为（...）。

outline属性复合属性

设置或检索对象外的线条轮廓。画在border外面，不占据布局空间，不影响元素尺寸；outlines可能是非矩形；

outline：<'outline-width'>||<'outline-style'>||<'outline-color'>
outline：指定轮廓边框的宽度 || 样式 || 颜色。

outline-width属性

设置或检索对象外的线条轮廓的宽度。

outline-width：|thin|medium|thick

：用长度值来定义轮廓的厚度，不允许负值；
medium：定义默认宽度的轮廓；
thin：定义比默认宽度细的轮廓；
thick：定义比默认宽度粗的轮廓。

outline-color属性

设置或检索对象外的线条轮廓的颜色。

outline-color：|invert

：指定颜色；
invert：使用背景色的反色（仅IE和Opera有效）。

outline-style属性

设置或检索对象外的线条轮廓的样式。

outline-style:none|dotted|dashed|solid|double|groove|ridge|inset|outset

none：无轮廓。与任何指定的<'outline-width'>值无关；
dotted：点状轮廓；
dashed：虚线轮廓；
solid：实线轮廓；
double：双线轮廓，两条单线与其间隔的和等于指定的<'outline-width'>值；
groove：3D凹槽轮廓；
ridge：3D凸槽轮廓；
inset：3D凹边轮廓；
outset：3D凸边轮廓。

outline-offset属性

设置或检索对象外的线条轮廓偏移容器的值。

outline-offset：

：用长度值来定义轮廓偏移，允许负值。

cursor属性

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

cursor：[[]?,]*[auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|e-resize|n-resize|ne-resize|nw-resize|s-resize|se-resize|sw-resize|w-resize|ew-resize|ns-resize|nesw-resize|nwse-resize|col-resize|row-resize|all-scroll|zoom-in|zoom-out|grab|grabbing]

box-sizing属性

设置或检索对象的盒模型组成模式。

box-sizing：content-box|border-box

content-box：padding和border不被包含在定义的width和height之内；
border-box：padding和border被包含在定义的width和height之内。

resize属性

设置或检索对象的区域是否允许用户缩放，调节元素尺寸大小。

resize：none|both|horizontal|vertical

none：不允许用户调整元素大小；
both：用户可以调节元素的宽度和高度；
horizontal：用户可以调节元素的宽度；
vertical：用户可以调节元素的高度。

user-select属性

设置或检索是否允许用户选中文本。

user-select：none|text|all|element

none：文本不能被选择；
text：可以选择文本；
all：当所有内容作为一个整体时可以被选择，如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素；
element：可以选择文本，但选择范围受元素边界的约束。

pointer-events属性

设置或检索在何时成为属性事件的target。

pointer-events：auto|none|visiblepainted|visiblefill|visiblestroke|visible|painted|fill|stroke|all

auto：与pointer-events属性未指定时的表现效果相同，在svg内容上与visiblepainted值相同；
none：元素永远不会成为鼠标事件的
target；其他值只能应用在SVG上。