Última revisión de 14:23 23 oct 2014
|
Las referencias en columnas múltiples son compatibles únicamente con las versiones más recientes de Gecko (Firefox) y WebKit (Google Chrome, Safari). Cualquier versión anterior a la 10 de Internet Explorer, así como cualquier versión anterior a la 11 de Opera, no es compatible con las columnas múltiples.
Véase más abajo para más información. |
Uso
{{listaref|n|ancho=xxx}}
Donde «n» corresponde al número de columnas y «xxx» es el ancho mínimo en píxeles de cada columna.
Parámetros
Todos los parámetros son opcionales.
- n: número de columnas. El número de columnas solo se aplica si la anchura del navegador lo permite. Es decir, si
n=2
y ancho=600px
, la plantilla generará dos columnas cuando la anchura de la ventana del navegador sea superior a 1200 píxeles, y solo una única columna cuando la anchura sea inferior.
- ancho: ancho de las columnas.
- refs: dentro de las referencias se coloca:
{{listaref|grupo="nombre del grupo"|refs=
<ref name="nombre1">contenido1</ref>
<ref name="nombre2">contenido2</ref>
}}
Así, estas referencias pueden ser invocadas en el artículo como:
<ref group="nombre_del_grupo" name="nombre1" /><ref group="nombre_del_grupo" name="nombre2" />
- estilolista: permite especificar el estilo de las viñetas de las referencias. Haz clic en [mostrar] en el cuadro que se muestra a continuación para ver una tabla con las viñetas disponibles y su compatibilidad con los distintos navegadores.
Tipos de estilos de lista
- CSS2.1
list-style-type
values
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
decimal-leading-zero
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
lower-roman
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
upper-roman
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
lower-alpha
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
upper-alpha
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
lower-greek
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
armenian
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
georgian
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
<div style="clear:both" />
- CSS2
list-style-type
values dropped in CSS2.1 but still supported by some browsers
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
No No
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
<div style="clear:both" />
cjk-ideographic
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
No No
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
<div style="clear:both" />
hiragana
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
No No
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
<div style="clear:both" />
katakana
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
No No
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
<div style="clear:both" />
hiragana-iroha
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
No No
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
<div style="clear:both" />
katakana-iroha
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
No No
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
<div style="clear:both" />
- CSS3
list-style-type
values (incomplete)
CSS3 adds hundreds of new values, most not yet supported by major browsers
upper-greek
|
- text
- text
- text
- text
|
Internet Explorer
|
Firefox
|
Safari
|
Chrome
|
Opera
|
6
|
7
|
8
|
9
|
10
|
3
|
4
|
5
|
4
|
5
|
9
|
10
|
11
|
12
|
10
|
11
|
12
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
No No
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
Sí Sí
|
No No
|
No No
|
No No
|
<div style="clear:both" />
Referencias por grupo
El sistema de notas al pie permite la separación de las referencias en grupos. Los grupos permiten tener separadas las notas de las referencias, entre otros usos.
El formato general para una etiqueta de referencia de grupo es:
-
<ref group="nombre del grupo"></ref>
y para la plantilla de lista de referencias:
- {{listaref|grupo="nombre del grupo"}}
- Donde <nombre del grupo> es el identificador del grupo, como por ejemplo «nota», «n.» o cualquier otro nombre.
Detalles técnicos
Separación en columnas según el navegador en uso
Soporte de navegador web para esquemas de columnas múltiples CSS3
Internet Explorer |
Firefox |
Safari |
Chrome |
Opera
|
No 6 |
Sí 3 |
Sí 3 |
Sí 8 |
No 10
|
No 7 |
Sí 4 |
Sí 4 |
Sí 9 |
No 11
|
No 8 |
Sí 5 |
Sí 5 |
Sí 10 |
Sí 11.1
|
No 9 |
|
|
Sí 11 |
Sí 12
|
Sí 10 |
|
|
Sí 12 |
|
Las columnas múltiples se generan usando CSS3, aún en fase de desarrollo; por ello solo los navegadores web que soportan esta función mostrarán columnas múltiples.[1][2]
Los siguientes navegadores soportan columnas CSS3:
Los siguientes navegadores no soportan columnas CSS3:
- Navegadores basados en Trident, incluyendo Internet Explorer hasta la versión 9[3]
- Opera hasta la versión 11
Véase también
Referencias