WebKit的CSS扩展(WebKit是私有属性)

1、-webkit-touch-callout

当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。

2、-webkit-line-clamp

限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：
display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。

3、-webkit-tap-highlight-color
当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。

4、-webkit-appearance 
改变按钮和其他控件的外观，使其类似于原生控件 ，以上参考网址：http://www.css88.com/webkit/-webkit-appearance/

时间： 2024-10-28 08:43:08

WebKit的CSS扩展(WebKit是私有属性)的相关文章

用css对webkit内核的浏览器自定义滚动条

用css设置webkit内核浏览器的滚动条主要设置以下7个属性: 1.::-webkit-scrollbar /*滚动条整体部分,可以设置宽度高度*/ 2.::-webkit-scrollbar-button /*滚动条两端的按钮*/ 3.::-webkit-scrollbar-track  /*外层轨道*/ 4.::-webkit-scrollbar-track-piece  /*内层滚动槽*/ 5.::-webkit-scrollbar-thumb /*滚动的滑块*/ 6.::-webkit

主流浏览器的内核私有属性css前缀

主流浏览器内核私有属性css前缀: mozilla内核 (firefox,flock等)     -moz webkit内核(safari,chrome等)   -webkit opera内核(opera浏览器)         -o trident内核(ie浏览器)               -ms 原文地址:https://www.cnblogs.com/runhua/p/9601000.html

css3私有属性前缀及主流浏览器内核

现代浏览器的内核,主流内容主要有Mozilla(熟悉的有Firefox,Flock等浏览器).WebKit(熟悉的有Safari.Chrome等浏览器).Opera(Opera浏览器).Trident(讨厌的IE浏览器). 根据不同的内核,一些私有属性的css前缀不一样 Mozilla内核 css前缀-moz; WebKit内核 css前缀-webkit ;   Opera 内核 css前缀 -o ; Trident内核 css前缀 -ms ; 转载:http://www.cnblogs.com

浏览器私有属性

一.css中抬头 ::-moz代表firefox浏览器私有属性 ::-ms代表ie浏览器私有属性 ::-webkit代表safari.chrome私有属性 ::-o代表opera 二.常见的中私有属性拿chrome浏览器举例 ::如果前面为空代码全局,如果前面有某个元素的css选择器代表改元素的对于内容 1.输入框 ::-webkit-input-placeholder {} //阻止input出现黄色背景 input:-webkit-autofill { background-color: #

JavaScript基础对象创建模式之私有属性和方法(024)

JavaScript没有特殊的语法来表示对象的私有属性和方法,默认的情况下,所有的属性和方法都是公有的.如下面用字面声明的对象: var myobj = { myprop: 1, getProp: function () { return this.myprop; } }; console.log(myobj.myprop); // `myprop` is publicly accessible console.log(myobj.getProp()); // getProp() is publ

CSS扩展“less"和”sass“

css扩展技术是对css原生代码一种扩展,其中less和sass就是css扩展技术两种方式,通过扩展技术,可以使我们在写css代码时候,更加的方便和快捷. 首先要了解css扩展技术的含义:扩展技术并不是另外一种全新的技术,它是建立在css基础上进行扩展,实现一些css原生代码所不能实现的功能,其次less和sass不能单独在浏览器上运行,需要进行编译: less能实现同js一样的变量.函数.混合参数等功能,通常用@标志开始,后面接变量名字,具体如实例:@winth.@color.@height等

JS面向对象（3） -- Object类，静态属性，闭包，私有属性， call和apply的使用，继承的三种实现方法

相关链接: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对象之间的赋值,for...in语句,delete使用,成员方法,json对象的使用,prototype的使用,原型继承与原型链 JS面向对象(3) -- Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法 1.Object类 在JS中,Object是所有类的基

css3浏览器私有属性前缀使用详解

什么是浏览器私有属性前缀 CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式.它暗示该CSS属性或规则尚未成为W3C标准的一部分. 以下是几种常用前缀 -webkit- -moz- -ms- -o- -khtml-(现在基本都没有用了,被-webkit-取代) 举例来说,一个CSS3圆角的代码是: -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius

CSS 扩展技术

CSS扩展技术有两种: 1:LESS 2:SCSS/SASS less作为CSS的一种扩展,LESSCSS不仅向下兼容CSS的语法,而且连新增的特性也是使用CSS的语法.这样的设计使得学习LESS很轻松,而且你可以在任何时候回退到CSS. 申明变量的方法: @width:100px; @backgroundColor:blue; 其变量是“按需加载”(lazy loaded)的,因此不必强制在使用之前声明. 在 LESS 中可以定义一些通用的属性集为一个 class,然后在另一个 class 中