私有css屬性
前綴
-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屬性