I'm looking for an html entity code for a move symbol (with left right up down arrows). The same one that appears after cursor: move;
is applied in css. Does anyone know if this is possible? I can't find it anywhere.
✥
✥
✥
✥
➥
➥
☇
☇
↑↓
↑↓
⇄
⇄
As mentioned in the other answers, there is no exact match. Here are some that might be close enough for some.
↔ (↔
or ↔
) and ↕ (↕
or ↕
) are available, however there is no up/down/left/right arrow symbol in the arrow subgroup.
↑↓
next to each other which looks good. Since the option is essentially moving items up and down a list anyway this is fine. Thanks. –
Diatessaron ↔
entity is defined in HTML 4.01, but the ↕
entity is an HTML5 novelty with essentially more limited browser support. –
Latvina No, there is no such entity, and there is even no character like that. In interesting way to check whether the symbol you are looking for exists as a character is to visit http://shapecatcher.com/ and draw it. It’s not exact science, of course.
It is generally pointless to look for HTML entity codes. Those codes add nothing to the expressive power of the language: you can use character references &#...
instead, or enter the characters directly if you are using UTF-8, as you normally should. The real question, after identifying a character, is whether it is supported in fonts and what to do about this. Whether there is an HTML entity for it is really irrelevant.
To the spec! Check out table 8.5, "named character references". A quick search of the word "arrow" doesn't turn up exactly what you're looking for but with over 2200 named entities, maybe you can find something that looks "close enough".
I made a pen for this purpose, feel free to use it : Create a Move cursor with html + css
<div id="wrapper">
<div class="cp-drag">
</div>
</div>
// see codepen for css please
I came to the same conclusion, no easy character, but my fix was to create a div with both the up/down arrow and side/side arrow in the same space. A bit finicky, but if you had to have it...
<div style="font-size:200%;display:inline-block;position:relative;top:-11px;left:-15px;">
<div style="display:inline-block;">↔</div>
<div style="display:inline-block;left:-32px;position:relative;">↕</div>
</div>
© 2022 - 2024 — McMap. All rights reserved.
cursor:move;
is used). – Jit