appearance
設(shè)置或檢索外觀按照本地默認(rèn)樣式
appearance:none | button | button-bevel...;
兼容性:所有主流瀏覽器都不支持appearance屬性杨拐;
都要加上前綴:-moz-,-webkit-,
text-overflow
屬性在塊容器<’overflow’>為非visible時(shí),定義內(nèi)聯(lián)內(nèi)容溢出其塊容器是否截?cái)嘣跖住RY(jié)合white-space:nowrap;和overflow:hidden;才起作用祭椰。兩者缺一不可猜嘱。
text-overflow:clip | ellipsis
clip:當(dāng)內(nèi)聯(lián)內(nèi)容溢出塊容器時(shí)毅整,將溢出部分裁切掉映胁;
ellipsis:當(dāng)內(nèi)聯(lián)內(nèi)容溢出塊容器時(shí),將溢出部分替換為(...)致开。
outline屬性復(fù)合屬性
設(shè)置或檢索對象外的線條輪廓峰锁。畫在border外面,不占據(jù)布局空間双戳,不影響元素尺寸虹蒋;outlines可能是非矩形;
outline:<'outline-width'>||<'outline-style'>||<'outline-color'>
outline:指定輪廓邊框的寬度 || 樣式 || 顏色拣技。
outline-width屬性
設(shè)置或檢索對象外的線條輪廓的寬度千诬。
outline-width:<length>|thin|medium|thick
<length>:用長度值來定義輪廓的厚度耍目,不允許負(fù)值膏斤;
medium:定義默認(rèn)寬度的輪廓;
thin:定義比默認(rèn)寬度細(xì)的輪廓邪驮;
thick:定義比默認(rèn)寬度粗的輪廓莫辨。
outline-color屬性
設(shè)置或檢索對象外的線條輪廓的顏色。
outline-color:<color>|invert
<color>:指定顏色毅访;
invert:使用背景色的反色(僅IE和Opera有效)沮榜。
outline-style屬性
設(shè)置或檢索對象外的線條輪廓的樣式。
outline-style:none|dotted|dashed|solid|double|groove|ridge|inset|outset
none:無輪廓喻粹。與任何指定的<'outline-width'>值無關(guān)蟆融;
dotted:點(diǎn)狀輪廓;
dashed:虛線輪廓守呜;
solid:實(shí)線輪廓型酥;
double:雙線輪廓山憨,兩條單線與其間隔的和等于指定的<'outline-width'>值;
groove:3D凹槽輪廓弥喉;
ridge:3D凸槽輪廓郁竟;
inset:3D凹邊輪廓;
outset:3D凸邊輪廓由境。
outline-offset屬性
設(shè)置或檢索對象外的線條輪廓偏移容器的值棚亩。
outline-offset:<length>
<length>:用長度值來定義輪廓偏移,允許負(fù)值虏杰。
cursor屬性
設(shè)置或檢索在對象上移動(dòng)的鼠標(biāo)指針采用何種系統(tǒng)預(yù)定義的光標(biāo)形狀讥蟆。
cursor:[<url>[<x><y>]?,]*[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屬性
設(shè)置或檢索對象的盒模型組成模式。
box-sizing:content-box|border-box
content-box:padding和border不被包含在定義的width和height之內(nèi)纺阔;
border-box:padding和border被包含在定義的width和height之內(nèi)攻询。
resize屬性
設(shè)置或檢索對象的區(qū)域是否允許用戶縮放,調(diào)節(jié)元素尺寸大小州弟。
resize:none|both|horizontal|vertical
none:不允許用戶調(diào)整元素大芯堋;
both:用戶可以調(diào)節(jié)元素的寬度和高度婆翔;
horizontal:用戶可以調(diào)節(jié)元素的寬度拯杠;
vertical:用戶可以調(diào)節(jié)元素的高度。
user-select屬性
設(shè)置或檢索是否允許用戶選中文本啃奴。
user-select:none|text|all|element
none:文本不能被選擇潭陪;
text:可以選擇文本;
all:當(dāng)所有內(nèi)容作為一個(gè)整體時(shí)可以被選擇最蕾,如果雙擊或者在上下文上點(diǎn)擊子元素依溯,那么被選擇的部分將是以該子元素向上回溯的最高祖先元素;
element:可以選擇文本瘟则,但選擇范圍受元素邊界的約束黎炉。
pointer-events屬性
設(shè)置或檢索在何時(shí)成為屬性事件的target。
pointer-events:auto|none|visiblepainted|visiblefill|visiblestroke|visible|painted|fill|stroke|all
auto:與pointer-events屬性未指定時(shí)的表現(xiàn)效果相同醋拧,在svg內(nèi)容上與visiblepainted值相同慷嗜;
none:元素永遠(yuǎn)不會成為鼠標(biāo)事件的
target;其他值只能應(yīng)用在SVG上丹壕。