1. 程式人生 > >私有css屬性

私有css屬性

rgb 中文 die call pear pixel lte 控制 ie8

前綴

-webkit- -moz- -o- -ms-

-ms-私有屬性

zoom 設置對象的縮放比例

作用:觸發haslayout,解決float或margin重疊的問題,清除浮動

writing-mode 控制內聯元素的顯示方向

值(css3):horizontal-tb 由上到下 vertical-lr 由左到右 vertical-rl 由右到左

值(ie):lr-tb 由上到下(ie7) tb-rl 由左到右(ie7) tb-lr 由右到左(ie8)

filter 設置對象的可視效果

behavior 設置對象的dhtml行為

expression() 設置js腳本

-webkit-私有屬性

-webkit-font-smoothing 設置文本抗鋸齒

值:none 無 subpixel-antialiased 默認 antialiased 抗鋸齒

-webkit-appearance 改變按鈕和其他控件的外觀,使其類似於原生控件

-webkit-line-clamp 指定文本占的行數

text-size-adjust 關閉字體大小自動調整功能

-webkit-text-fill-color 文本填充顏色

-webkit-user-select 設置用戶是否能夠選中文本

值:none text elem all

-webkit-text-stroke 復合屬性,設置字體描邊

值:width color

-webkit-box-reflect 設置倒影

值:1、above below left right 2、px % 3、none url gradient

-webkit-mask 設置蒙版圖像

值:image attachment repeat position size origin clip composite

composite值:

全局:inherit initial unset

關鍵詞:

clear 源圖片和目標圖片重疊的像素被清除

copy 源圖片替代目標圖片

xor 重疊像素全變為透明

source-over 源圖片呈現在目標圖片上

source-in 源圖片和目標圖片重疊的像素被源圖片替代,其他像素被清除

source-out 源圖片和目標圖片重疊的像素被清除,源圖片剩下的像素被呈現

source-atop 目標圖片被呈現

destination-over 目標圖片呈現在源圖片上

destination-in 源圖片和目標圖片的重疊像素中,屬於源圖片的保留,其他像素被清除

destination-out 源圖片和目標圖片的重疊像素被清除,源圖片剩余的像素被展示

destination-atop 源圖片的像素被呈現

移動端頁面樣式重置

outline:none; 去除外邊框

-webkit-appearance: none; 去除元素默認外觀

-webkit-text-size-adjust: 100%; 關閉字體大小自動調整

-webkit-user-select: none ; 禁止用戶選擇文本

-webkit-user-drag: none ; 禁止用戶拖拽文本鏈接

-webkit-tap-highlight-color: rgba(0,0,0,0); 去除可點擊元素灰色背景,用於ios

-webkit-touch-callout: none ; 禁止觸摸元素彈出默認系統菜單

-webkit-overflow-scrolling: touch; 快速滾動回彈效果

-webkit- 偽類

::-webkit-scrollbar 定義滾動條樣式

::-webkit-scrollbar-button 定義滾動條按鈕樣式

::-webkit-scrollbar-track 定義滾動條外層軌道樣式

::-webkit-scrollbar-track-piece 定義滾動條內層軌道樣式

::-webkit-scrollbar-thumb 定義滾動條滑塊樣式

::-webkit-scrollbar-corner 定義邊角樣式

::-webkit-resizer 定義拖動塊樣式

:horizontal 選擇水平方向滾動條

:vertical 選擇垂直方向滾動條

:decrement 選擇按鈕或內層軌道的上邊或左邊

:increment 選擇按鈕或內層軌道的下邊或右邊

:start 選擇按鈕或內層軌道的上邊或左邊

:end 選擇按鈕或內層軌道的下邊或右邊

:single-button 判斷是否是單按鈕或內層軌道是否是緊靠單按鈕

:double-button 判斷是否是雙按鈕或內層軌道是否是緊靠雙按鈕

:no-button 判斷內層軌道兩端沒有按鈕

:corner-present 滾動條圓角是否顯示

:window-inactive 滾動條獲取焦點的狀態

::-webkit-input-placeholder 設置控件提示文本顏色

-moz-偽類

::-moz-focus-inner 設置按鈕border

私有css屬性