Est-ce qu'unicode ou HTML ont un guillemet double vertical (chevron)?
est-ce que quelqu'un sait s'il y a un double symbole chevron dans unicode/HTML-space similaire au guillemet double représenté par »
(")?
En d'autres termes, j'essaie d'éviter d'utiliser une image si je peux en tirer avec du texte, mais j'ai besoin de quelque chose comme ceci:
c'est le double chevron que je ne trouve pas. On dirait des graphismes pour moi ça l'est.
4 réponses
Je ne peux pas vous donner l'entité de caractère que vous voulez, mais il est possible d'effectuer un...alternative, et toujours pas utiliser des images (bien qu'il exige que le texte lui-même soit enveloppé dans un élément, dans ce cas span
):
<span class="shadowed">^</span>
<span class="rotated">»</span>
CSS:
span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
margin: 0 auto 1em auto;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
color: #000;
background-color: #ffa;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 0.5em;
text-align: center;
}
span.shadowed {
text-shadow: 0 0.5em 0 #000;
}
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
la section ci-dessus span.rotated
, pour une compatibilité IE < 10 (utilisant des filtres, tandis que IE 10 (ou éventuellement 9) utiliserait / devrait utiliser la -ms-transform
ou, simplement, transform
CSS3), en utilisant une filter
approche:
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
/* IE < 10 follows */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
JS Fiddle démo (fonctionne sous IE 7/XP, les autres versions je ne suis pas en mesure de tester).
peut être que ce site vous aidera http://shapecatcher.com / , très utile!
Ñ U+FE3D PRESENTATION FORM FOR VERTICAL LEFT DOUBLE ANGLE BRACKET
Ñ U+FE3E PRESENTATION FORM FOR VERTICAL RIGHT DOUBLE ANGLE BRACKET
ceux-ci nécessitent une police de caractères chinois ou japonais.
il y a un problème avec la rotation. Si vous appliquez la rotation (90deg) et la rotation(-90deg) à deux différents " vous verrez que leur position change. Une façon hacky de le fixer est d'appliquer la direction: rtl comme ceci: