Viñeta • — código HTML y cómo escribirla

La viñeta • es • en HTML y U+2022 en Unicode. Copia cualquiera de las formas de abajo o escríbela con Alt + 0149 en Windows.

Actualizado el

Carácter•
Entidad HTML con nombre•
HTML decimal•
HTML hexadecimal•
UnicodeU+2022
Contenido CSS"\2022"
JavaScript"\u2022"
Codificado en URL%E2%80%A2
Bytes UTF-8E2 80 A2

Cuándo usarla

Es una viñeta de lista. Para listas reales usa <ul> y da estilo al marcador con CSS ::marker en lugar de escribir viñetas a mano.

En HTML, CSS y JavaScript

<p>&bull;</p>           <!-- or the character itself in a UTF-8 page -->

.note::before { content: "\2022"; }

const s = "\u2022";

En una página guardada en UTF-8 (el valor por defecto hoy) puedes pegar el carácter directamente; la entidad solo es necesaria cuando debe sobrevivir en un sistema que no usa UTF-8. Codifica o decodifica textos completos con el HTML Entity Encoder.

Cómo escribir la viñeta

  • Windows: mantén pulsada Alt y escribe 0149 en el teclado numérico.
  • Mac: Option + 8 (distribución de teclado US).
  • Linux: Ctrl + Shift + U, luego 2022 y Enter.

Preguntas frecuentes

¿Cuál es el código HTML de la viñeta?
&bull; (con nombre), &#8226; (decimal) o &#x2022; (hexadecimal). Las tres producen el mismo carácter.
¿Cuál es el Unicode de la viñeta?
U+2022. En CSS escribe "\2022" y en JavaScript "\u2022".
¿Cómo escribo la viñeta con el teclado?
En Windows mantén pulsada Alt y escribe 0149 en el teclado numérico. En un Mac pulsa Option + 8.