CSS中的cursor属性

时间: 2019-09-10阅读: 700标签: 属性

css中的cursor这个属性是用来设置光标形状的。

这个属性定义了鼠标指针放在一个元素边界范围内时所用的光标的形状。

默认值:auto

继承性:yes

出现版本:css2

JavaScript语法:object.style.cursor = ‘pointer‘


可以设置的值:

描述
url

需使用的自定义光标的 URL。

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

default默认光标(通常是一个箭头)
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)
move此光标指示某对象可被移动。
e-resize此光标指示矩形框的边缘可被向右(东)移动。
ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize此光标指示矩形框的边缘可被向上(北)移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize此光标指示矩形框的边缘可被向下移动(南)。
w-resize此光标指示矩形框的边缘可被向左移动(西)。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)。

浏览器支持情况:

IE、FireFox、Chrome、Safari、Opera

所有主流浏览器都支持cursor属性。

注释:Opera 9.3 和 Safari 3 不支持 url 值。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。


吐血推荐

1.站长广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入...

2.休闲娱乐: 直播/交友    优惠券领取   网页游戏   H5游戏

链接: http://www.fly63.com/article/detial/5267

css calc()有啥用?

CSS3的calc() 函数用于动态计算长度值。calc()函数允许我们在属性值中执行数学操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。

9个必知的CSS属性

如今的Web设计在不断跟进最新的开发技术,纷纷采用HTML5来开发多样性的Web应用。HTML5的优势之一,就是之前必须用图片实现的元素,现在可以用代码来实现

HTML的poster属性怎么用?

HTML的poster属性主要应用在<video>元素中,用于在视频下载或用户单击播放按钮时显示图像;如果未设置此图像,则会将第一帧视频作为海报图像。

HTML5中的lang属性,zh-CN还是zh-Hans?

language:主语言,用代码“zh”表示汉语,小写。好像对于大小写没有强制要求,习惯而已。还是遵循习惯吧,总让别人看着别扭不是彰显个性的好办法

Vue 计算属性简析

Vue 开发人员必然使用过计算属性(Computed Properties):你可以像绑定 data 属性一样在模板中绑定计算属性;计算属性一般依赖一个或多个 data 属性,并返回它们复杂逻辑下的状态

html数据属性 data-*

在HTML标签中定义属性,需要时可以读取属性的值,这类属性称为数据属性;在JavaScript中读取时通过元素的dataset.<属性名称>访问,这样触发函数就能读取data-text的值

css3新增属性有哪些?

css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性。

Vue之计算属性和侦听器

在Vue开发中,模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。当你想要在模板中多次引用相同表达式时,就会更加难以处理。所以,对于任何复杂逻辑,你都应当使用计算属性

Vue.js 计算属性

在html模版中绑定数据时,如果需要的数据不是一个简单的数据,而是需要将一个或者多个数据计算之后得到的数据,这时候就需要用到计算属性;使用方法:配置computed属性,它的值为对象

vue中计算属性的get与set方法

在vue的计算属性中,所定义的都是属性,可以直接调用,正常情况下,计算属性中的每一个属性对应的都是一个对象,对象中包括了set方法与get方法

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全