diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
commit | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch) | |
tree | 0dd8b084480983cf9f9680e8aedb92782a921b13 /files/es/web/css/list-style | |
parent | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff) | |
download | translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2 translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip |
initial commit
Diffstat (limited to 'files/es/web/css/list-style')
-rw-r--r-- | files/es/web/css/list-style/index.html | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/files/es/web/css/list-style/index.html b/files/es/web/css/list-style/index.html new file mode 100644 index 0000000000..bf92a28951 --- /dev/null +++ b/files/es/web/css/list-style/index.html @@ -0,0 +1,82 @@ +--- +title: list-style +slug: Web/CSS/list-style +tags: + - CSS + - 'CSS:Referencias' + - Referencia_CSS + - Todas_las_Categorías +translation_of: Web/CSS/list-style +--- +<p>{{ CSSRef() }}</p> + +<h2 id="Resumen" name="Resumen">Resumen</h2> + +<p>La propiedad de estilo de lista (<code>list-style</code>) permite definir de golpe todos los parámetros: {{ Cssxref("list-style-type") }}, {{ Cssxref("list-style-image") }}, y {{ Cssxref("list-style-position") }}.</p> + +<ul> + <li>{{ Cssxref("initial", "Valor inicial") }}: ver propiedades individuales</li> + <li>Se aplica a: elementos con 'display: list-item'</li> + <li>{{ Cssxref("inheritance", "Valor heredado") }}: no</li> + <li>Porcentajes: N/A</li> + <li>Medio: {{ Cssxref("Media:Visual", "visual") }}</li> + <li>{{ Cssxref("computed value", "Valor calculado") }}: ver propiedades individuales</li> +</ul> + +<h2 id="Sintaxis" name="Sintaxis">Sintaxis</h2> + +<p>list-style: {{ mediawiki.external(' list-style-type || list-style-position || list-style-image ') }} | inherit</p> + +<h3 id="Valores" name="Valores">Valores</h3> + +<dl> + <dt>ver {{ Cssxref("list-style-type", "list-style-type") }}.</dt> + <dt>ver {{ Cssxref("list-style-image", "list-style-image") }}.</dt> + <dt>ver {{ Cssxref("list-style-position", "list-style-position") }}.</dt> +</dl> + +<h2 id="Ejemplos">Ejemplos</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html">List 1 +<ul class="one"> + <li>List Item1</li> + <li>List Item2</li> + <li>List Item3</li> +</ul> +List 2 +<ul class="two"> + <li>List Item A</li> + <li>List Item B</li> + <li>List Item C</li> +</ul> +</pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">.one { + list-style: circle; +} + +.two { + list-style: square inside; +}</pre> + +<h3 id="Resultado">Resultado</h3> + +<p>{{EmbedLiveSample('Ejemplos')}}</p> + +<h2 id="Especificaciones" name="Especificaciones">Especificaciones</h2> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/CSS1#list-style">CSS 1 (en)</a></li> + <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style">CSS 2.1 (en)</a></li> + <li><a class="external" href="http://www.w3.org/TR/css3-lists/#list-style">css3-lists (en)</a></li> +</ul> + +<h2 id="Compatibilidad_con_navegadores" name="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2> + +<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n">Ver también</h3> + +<p>{{ Cssxref("list-style-type") }}, {{ Cssxref("list-style-image") }}, {{ Cssxref("list-style-position")}}</p> |