CSS鼠标指针表

(机翻)搬运自:cursor - CSS: Cascading Style Sheets | MDN (mozilla.org)

类型Keyword演示注释
全局autoUA将基于当前上下文来确定要显示的光标。例如,相当于悬停文本时的文本。
default

wide arrow pointing up and to the left

依赖于平台的默认光标。通常是箭头。
none不会渲染光标。
链接&状态context-menu

wide arrow pointing up and to the left slightly obscuring a menu icon

上下文菜单可用。
help

wide arrow pointing up and to the left next to a question mark

帮助信息可用。
pointer

right hand with an index finger pointing up

光标是一个指示链接的指针。通常是指针的图像。
progress

wide arrow and hour glass

程序在后台很忙,但用户仍然可以与界面交互(与等待相反)。
wait

hour glass

程序很忙,用户无法与界面交互(与进度相反)。有时是沙漏或手表的图像。
选择cell

wide plus symbol

可以选择表格单元格或单元格集。
crosshair

plus symbol composed of two thing lines.

十字光标,通常用于指示位图中的选择。
text

vertical i-beam


可以选择文本。通常为工字梁的形状。
vertical-text

horizontal i-beam

可以选择垂直文本。通常为横向工字钢的形状。
拖放alias

wide arrow pointing up and to the left partially obscuring a smaller folder icon with a curved arrow pointing up and to the right

要创建别名或快捷方式。
copy

wide arrow pointing up and to the left partially obscuring a smaller folder icon with a plus sign

有些东西需要复制。
move

plus sign made of two thin lines. The four points are small arrows facing out

有些东西需要移动。
no-drop

pointer icon and a not allowed icon

项目可能无法放置在当前位置。

[火狐漏洞275173](https://bugzil.la/275173):在Windows和macOS上,不允许拖放。

not-allowed

Not allowed icon, which is a circle with a line through it

请求的操作将不会执行。
grab

fully opened hand icon

请求的动作可以抓住(拖动以移动)某物。将无法执行。
grabbing

closed hand icon, of the back of the hand

有东西被抓住(拖着移动)。
调整大小 & 滚动all-scroll

icon of a medium size dot with four triangles around it.

有些东西可以向任何方向滚动(平移)。

[火狐漏洞275174](https://bugzil.la/275174):在Windows上,所有滚动都与移动相同。

col-resize

col-resize.gif

项目/列可以水平调整大小。通常渲染为指向左右的箭头,并用垂直条将它们分隔开。
row-resize

two narrow parallel horizontal lines with a small arrow pointing up and another pointing down


项目/行可以垂直调整大小。通常渲染为上下箭头,并用水平条分隔它们。
n-resize

thin long arrow pointing towards the top

有些边缘要移动。例如,当移动从长方体的东南角开始时,将使用se调整大小光标。

在某些环境中,会显示等效的双向调整大小光标。例如,n-resize和s-resize与ns resize相同。

e-resize

thin long arrow pointing towards the right

s-resize

thin long arrow pointing down

w-resize

thin long arrow pointing towards the left

ne-resize

thin long arrow pointing top-right

nw-resize

thin long arrow pointing top-left

se-resize

thin long arrow pointing bottom-right

sw-resize

thin long arrow pointing bottom-left

ew-resize

thin long arrow pointing left and right

双向调整光标大小。

ns-resize

thin long arrow pointing up and down

nesw-resize

thin long arrow pointing both to the top-right and bottom-left

nwse-resize

thin long arrow pointing both to the top-left and bottom-right

缩放zoom-in

magnifying glass with a plus sign

有些东西可以放大或缩小。
zoom-out

magnifying glass with a minus sign

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/127304.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【开发篇】二十、SpringBoot整合RocketMQ

文章目录 1、整合2、消息的生产3、消费4、发送异步消息5、补充:安装RocketMQ 1、整合 首先导入起步依赖,RocketMQ的starter不是Spring维护的,这一点从starter的命名可以看出来(不是spring-boot-starter-xxx,而是xxx-s…

微信小程序-2

微信开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ 一、app.js中的生命周期函数与globalData(全局变量) 指南 - - - 小程序框架 - - - 注册小程序 删除app.js里的东西,输入App回车,调用生命周期 选项 - - - 重新打开此项目…

双机并联逆变器自适应虚拟阻抗下垂控制(Droop)策略Simulink仿真模型

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 ⛳️座右铭&a…

【Python】语言学习

之前总觉得python简单,不当回事,直到自己动手连输出都写不出来。。于是开一篇专门练python的博客。 输出 Python初相识 (educoder.net) 常规输出 print("向上:%.2f,向下:%.2f" %(pow(1.001, 365),pow(0.999, 365))) …

Go-Python-Java-C-LeetCode高分解法-第九周合集

前言 本题解Go语言部分基于 LeetCode-Go 其他部分基于本人实践学习 个人题解GitHub连接:LeetCode-Go-Python-Java-C 欢迎订阅CSDN专栏,每日一题,和博主一起进步 LeetCode专栏 我搜集到了50道精选题,适合速成概览大部分常用算法 突…

数据结构 B树 B+树 B*树 特性与规则说明 图解

文章目录 前言B树基本规则B树的数据插入(文字描述图解)B树数据查找B树效率分析B树的作用B树基本规则B树 与 B树对比B*树基本规则B*树 与 B树对比拓展 前言 B树基本规则 每个节点最多有m个子节点,其中m是一个正整数。根节点除外,其…

8、Docker数据卷与数据卷容器

一、数据卷(Data Volumes) 为了很好的实现数据保存和数据共享,Docker提出了Volume这个概念,简单的说就是绕过默认的联合文件系统,而以正常的文件或者目录的形式存在于宿主机上。又被称作数据卷。 数据卷 是一个可供一个或多个容器使用的特殊目…

echarts的bug,在series里写tooltip,不起作用,要在全局先写tooltip:{}才起作用,如果在series里写的不起作用就写到全局里

echarts的bug,在series里写tooltip,不起作用,要在全局先写tooltip:{show:true}才起作用,如果在series里写的不起作用就写到全局里 series里写tooltip不起作用,鼠标悬浮在echarts图表上时不显示提示 你需要…

三维模型3DTile格式轻量化的纹理压缩和质量关系分析

三维模型3DTile格式轻量化的纹理压缩和质量关系分析 在三维模型的3DTile格式轻量化处理中,纹理压缩是一个重要环节。但是,纹理压缩和模型质量之间存在明显的关系需要权衡。以下是纹理压缩和模型质量关系的详细分析: 1、压缩率与纹理质量&…

AVL树【C++】

文章目录 AVL树结点的定义Insert左单旋右单旋右左双旋左右双旋 AVL树的验证AVL树的性能完整代码 AVL树结点的定义 AVL树中的结点定义为三叉链结构&#xff0c;并在每个结点当中引入平衡因子&#xff08;右子树高度-左子树高度&#xff09; template<class K ,class V> …

openGauss学习笔记-92 openGauss 数据库管理-内存优化表MOT管理-内存表特性-使用MOT-MOT使用MOT SQL覆盖和限制

文章目录 openGauss学习笔记-92 openGauss 数据库管理-内存优化表MOT管理-内存表特性-使用MOT-MOT使用MOT SQL覆盖和限制92.1 不支持的特性92.2 MOT限制92.3 不支持的DDL操作92.4 不支持的数据类型92.5 不支持的索引DDL和索引92.6 不支持的DML92.7 不支持的JIT功能&#xff08;…

51单片机+EC11编码器实现可调参菜单+OLED屏幕显示

51单片机+EC11编码器实现可调参菜单+OLED屏幕显示 📍相关篇《stc单片机使用外部中断+EC11编码器实现计数功能》 🎈《STC单片机+EC11编码器实现调节PWM输出占空比》 🌼实际操作效果 🍁整个项目实现框架: 📓EC11接线原理图: 📓项目工程简介 📝仅凭借一个EC11编…