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.mzph.cn/news/94039.shtml

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

相关文章

对示例程序spinner_asyncio.py进行修改使其能运行

学习《流畅的python》第18章 使用asyncio包处理并发,运行示例18-2 spinner_asyncio.py的时候,程序报错如下: D:\fluentPy\chapter17>python spinner_asyncio.py File "D:\fluentPy\chapter17\spinner_asyncio.py", line 30 …

python:xlrd 读取 Excel文件,显示在 tkinterTable 表格中

pip install xlrd 摘要: Library for developers to extract data from Microsoft Excel (tm) spreadsheet files pip install tkinterTable tkintertable-1.3.3.tar.gz (58 kB) 摘要: Extendable table class for Tkinter 源代码链接:https://github.com/dmnf…

正则表达式基本使用

文章目录 1. 基本介绍2. 元字符(Metacharacter)-转义号 \\3. 元字符-字符匹配符3.1 案例 4. 元字符-选择匹配符5. 元字符-限定符6. 元字符-定位符7. 分组7.1 捕获分组7.2 非捕获分组 8. 非贪婪匹配9. 应用实例10. 正则验证复杂URL 1. 基本介绍 如果要想灵活的运用正则表达式&a…

多线程基础篇(多线程案例)

文章目录 多线程案例1、单例模式1)饿汉模式2)懒汉模式3)线程安全吗??4)解决懒汉模式线程安全问题5)解决懒汉模式内存可见性问题 2、阻塞队列1) 阻塞队列是什么?2) 生产者消费者模型1…

用向量数据库Milvus Cloud搭建检索知识库机器人

检索知识库 Milvus 中已经存储了文本块向量,现在可以进行向量查询了。 以下函数创建了 1 个查询 pipeline。注意,这是本教程中最为关键的一个步骤! ops.ann_search.osschat_milvus(host=MILVUS_HOST, port=MILVUS_PORT, **{metric_type: IP, limit: 3, output_fields: [text…

全新UI彩虹外链网盘系统源码(前后端美化模板)

全新UI彩虹外链网盘系统源码前后端美化模板,支持所有格式文件的上传、生成文件外链、图片外链、音乐视频外链等功能,同时还可以自动生成相应的 UBB 代码和 HTML 代码,支持文本、图片、音乐、视频在线预览。这不仅仅是一个网盘,更是…

redis的简单使用

文章目录 环境安装与配置redis发布-订阅相关命令redis发布-订阅的客户端编程redis的订阅发布的例子 环境安装与配置 sudo apt-get install redis-server # ubuntu命令安装redis服务ubuntu通过上面命令安装完redis,会自动启动redis服务,通过ps命令确认&a…

【Linux】进程控制基础知识

目录 一,fack回顾 二,进程终止 1.进程终止,操作系统做了什么? 2.进程终止,常见的方式 1.main函数的,return 返回码 2. exit()函数 三,进程等待 1. 回收进程方法 (1. wai…

【单片机】16-LCD1602和12864显示器

1.LCD显示器相关背景 1.LCD简介 (1)显示器,常见显示器:电视,电脑 (2)LCD(Liquid Crystal Display),液晶显示器,原理介绍 (3&#xff…

国庆10.03

运算符重载 代码 #include <iostream> using namespace std; class Num { private:int num1; //实部int num2; //虚部 public:Num(){}; //无参构造Num(int n1,int n2):num1(n1),num2(n2){}; //有参构造~Num(){}; //析构函数const Num operator(const Num &other)co…

【计算机网络笔记十】计算机网络面试问题总结

1. 计算机网络的各层协议及作用&#xff1f; 计算机网络体系可以大致分为一下三种&#xff0c;OSI 七层模型、TCP/IP 四层模型和五层模型。 OSI 七层模型&#xff1a;大而全&#xff0c;但是比较复杂、而且是先有了理论模型&#xff0c;没有实际应用。TCP/IP 四层模型&#x…

[前端基础]typescript安装以及类型拓展

&#xff08;0&#xff09;写在前面&#xff1a; 作者之前都是在写js&#xff0c;所以这里介绍ts肯定是不能从头开始介绍了&#xff0c;主要在js的基础上介绍ts关于类型的几个特性&#xff0c;以及ts的安装还有配置问题 &#xff08;1&#xff09;ts和js是什么关系 通俗点来…

数据分析笔记1

数据分析概述&#xff1a;数据获取--探索分析与可视化--预处理--分析建模--模型评估 数据分析含义&#xff1a;利用统计与概率的分析方法提取有用的信息&#xff0c;最后进行总结与概括 一、数据获取 实用网站&#xff1a;kaggle 阿里云天池 数据仓库&#xff1a;将所有业务数据…

Java之SpringCloud Alibaba【六】【Alibaba微服务分布式事务组件—Seata】

一、事务简介 事务(Transaction)是访问并可能更新数据库中各种数据项的一个程序执行单元(unit)。 在关系数据库中&#xff0c;一个事务由一组SQL语句组成。 事务应该具有4个属性: 原子性、一致性、隔离性、持久性。这四个属性通常称为ACID特性。 原子性(atomicity) ∶个事务…

【Leetcode】 131. 分割回文串

给你一个字符串 s&#xff0c;请你将 s 分割成一些子串&#xff0c;使每个子串都是 回文串 。返回 s 所有可能的分割方案。 回文串 是正着读和反着读都一样的字符串。 示例 1&#xff1a; 输入&#xff1a;s "aab" 输出&#xff1a;[["a","a"…

网站白屏优化

网站白屏优化 <div v-foritem in 10000><child></child> </div>比如要渲染当前页面&#xff0c;会很慢&#xff0c;页面上出现长时间的白屏&#xff0c;因为要渲染10000次child组件。 我们提供的解决方案是按帧加载Dom。 使用按帧加载就不得不提到req…

Leetcode 662. 二叉树最大宽度

文章目录 题目代码&#xff08;9.30 首刷看解析&#xff09; 题目 Leetcode 662. 二叉树最大宽度 代码&#xff08;9.30 首刷看解析&#xff09; class Solution { public:int widthOfBinaryTree(TreeNode* root) {unsigned long long res 1;using pr pair<TreeNode*, u…

【面试题精讲】注释有哪几种形式

“ 有的时候博客内容会有变动&#xff0c;首发博客是最新的&#xff0c;其他博客地址可能会未同步,认准https://blog.zysicyj.top ” 首发博客地址[1] 面试题手册[2] 系列文章地址[3] 1. 什么是 Java 注释? Java 注释是一种用于在代码中添加说明和解释的特殊文本。它们不会被编…

Doctest:让你的测试更简单高效

简介&#xff1a;Doctest 是 Python 标准库的一部分&#xff0c;它允许开发者通过在文档字符串&#xff08;docstrings&#xff09;中编写示例来进行测试。这不仅可以在确保代码正确性的同时编写文档&#xff0c;还可以让读者更容易理解代码的用法和期望的输出。 历史攻略&…

【源码】hamcrest 源码阅读及空对象模式、模板方法模式的应用

文章目录 前言1. 类图概览2. 源码阅读2.1 抽象类 BaseMatcher2.1 接口 Description提炼模式&#xff1a;空对象模式 2. 接口 Description 与 SelfDescribing 配合使用提炼模式 模板方法 后记 前言 hamcrest &#xff0c;一个被多个测试框架依赖的包。听说 hamcrest 的源码质量…