码迷,mamicode.com
首页 > Web开发 > 详细

私有css属性

时间:2018-01-24 14:05:26      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:页面   关闭   cti   writing   方向   composite   att   anti   win   

前缀

-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属性

标签:页面   关闭   cti   writing   方向   composite   att   anti   win   

原文地址:https://www.cnblogs.com/yiku/p/8341115.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!