text-overflow(當塊容器<‘overflow’>為非visible時,定義內(nèi)聯(lián)內(nèi)容溢出其塊容器是否截斷)
text-overflow:clip / ellipsis;
/*overflow:hidden;和white-space:nowrap;兩者缺一不可
參數(shù)說明:
- clip:當內(nèi)聯(lián)內(nèi)容溢出塊容器時凡恍,將溢出部分裁切掉
- ellipsis:當內(nèi)聯(lián)內(nèi)容溢出塊容器時,將溢出部分替換為(...)
*/
outline(設(shè)置或檢索對象外的線條輪廓怔球,畫在border外面嚼酝,不占據(jù)布局空間,復(fù)合屬性)
outline:<' outline-width '> || <' outline-style '> || <' outline-color '>;
/*overflow:hidden;和white-space:nowrap;兩者缺一不可
參數(shù)說明:
- outline-width:<length> / thin / medium / thick
- outline-color:<color> | invert(使用背景色的反色竟坛,僅在IE和Opera有效)
- outline-style:none | dotted | dashed | solid | double | groove | ridge | inset | outset
*/
outline-offset(設(shè)置或檢索對象外的線條輪廓偏移容器的值)
outline-offset:<length>;
/*參數(shù)說明:
- <length>:用長度值來定義輪廓偏移闽巩,允許負值
*/
cursor(設(shè)置或檢索在對象上移動的鼠標指針采用何種系統(tǒng)預(yù)定義的光標形狀)
cursor:XX;
/*參數(shù)說明:
- url 需使用的自定義光標的 URL。
- default 默認光標(通常是一個箭頭)
- auto 默認担汤。瀏覽器設(shè)置的光標涎跨。
- crosshair 光標呈現(xiàn)為十字線。
- pointer 光標呈現(xiàn)為指示鏈接的指針(一只手)
- move 此光標指示某對象可被移動崭歧。
- e-resize 此光標指示矩形框的邊緣可被向右(東)移動隅很。
- ne-resize 此光標指示矩形框的邊緣可被向上及向右移動(北/東)。
- nw-resize 此光標指示矩形框的邊緣可被向上及向左移動(北/西)率碾。
- n-resize 此光標指示矩形框的邊緣可被向上(北)移動叔营。
- se-resize 此光標指示矩形框的邊緣可被向下及向右移動(南/東)。
- sw-resize 此光標指示矩形框的邊緣可被向下及向左移動(南/西)所宰。
- s-resize 此光標指示矩形框的邊緣可被向下移動(南)绒尊。
- w-resize 此光標指示矩形框的邊緣可被向左移動(西)。
- text 此光標指示文本仔粥。
- wait 此光標指示程序正忙(通常是一只表或沙漏)婴谱。
- help 此光標指示可用的幫助(通常是一個問號或一個氣球)
*/
box-sizing(設(shè)置或檢索對象的盒模型組成模式)
box-sizing:content-box / border-box;
/*參數(shù)說明:
- 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;
/*要使此屬性生效谭羔,需要設(shè)置元素的overflow 屬性,值可以是 auto斟冕、hidden 或 scroll
參數(shù)說明:
- none:不允許用戶調(diào)整元素大小
- both:用戶可以調(diào)節(jié)元素的寬度和高度
- horizontal:用戶可以調(diào)節(jié)元素的寬度
- vertical:用戶可以調(diào)節(jié)元素的高度
*/
user-select(設(shè)置或檢索是否允許用戶選中文本)
user-select:none / text / all / element;
/*參數(shù)說明:
- none:文本不能被選擇
- text:可以選擇文本
- all:當所有內(nèi)容作為一個整體時可以被選擇口糕,如果雙擊或者在上下文上點擊子元素,那么被選擇的部分將是以該子元素向上回溯的最高祖先元素
- element:可以選擇文本磕蛇,但選擇范圍受元素邊界的約束
*/
pointer-events(設(shè)置或檢索在何時成為屬性事件的target)
pointer-events:auto / none / visiblepainted / visiblefill / visiblestroke / visible / painted / fill / stroke / all
/*參數(shù)說明:
- auto:與pointer-events屬性未指定時的表現(xiàn)效果相同景描,在svg內(nèi)容上與visiblepainted值相同
- none:元素永遠不會成為鼠標事件的target;其他值只能應(yīng)用在SVG上
*/