diff options
Diffstat (limited to 'files/es/web/css/content')
-rw-r--r-- | files/es/web/css/content/index.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/files/es/web/css/content/index.html b/files/es/web/css/content/index.html new file mode 100644 index 0000000000..624611a97e --- /dev/null +++ b/files/es/web/css/content/index.html @@ -0,0 +1,58 @@ +--- +title: content +slug: Web/CSS/content +tags: + - CSS + - 'CSS:Referencias' + - Todas_las_Categorías +translation_of: Web/CSS/content +--- +<p> << <a href="es/Gu%c3%ada_de_referencia_de_CSS">Volver</a> +</p> +<h3 id="Resumen" name="Resumen"> Resumen </h3> +<p>La propiedad <code>content</code> se usa junto con los pseudo-elementos <code>:before</code> y <code>:after</code> para generar contenido que se adjunta antes o después de un selector CSS. +</p> +<h3 id="Caracter.C3.ADsticas" name="Caracter.C3.ADsticas"> Características </h3> +<p>En <b>CSS3</b> +</p> +<ul><li> Value: {{ mediawiki.external(' <uri> \',\' ') }}</uri>* {{ mediawiki.external(' normal | none | inhibit | <content-list> ') }}</content-list> +</li><li> Valor inicial: normal +</li><li> Se aplica a: todos los elementos y a <code>::before, ::after, ::alternate, ::marker, ::line-marker, áreas de margin y @footnote</code>. +</li><li> {{ Cssxref("inheritance", "Valor heredado") }}: no +</li><li> Porcentajes: N/A +</li><li> Medio: todos +</li><li> Valor calculada: The specified value with each occurrence of 'normal' expanded as per the prose below. +</li></ul> +<h3 id="Ejemplos" name="Ejemplos"> Ejemplos </h3> +<pre>p:before +{ +content: url("beep.wav") +} + +img:before +{ +content: attr(alt) +} + +</pre> +<h3 id="Valores" name="Valores"> Valores </h3> +<ul><li> string: Define el contenido de texto. El valor por defecto es "". +</li><li> url: Define una dirección URL +</li><li> counter (name) +</li><li> counter (name, list-style-type) +</li><li> counters (name, string) +</li><li> counters (name, string, list-style-type) </li><li> attr(X): Define un atributo de un selector que será mostrado antes/después del selector. +</li><li> open-quote </li><li> close-quote </li><li> no-open-quote </li><li> no-close-quote +</li></ul> +<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n"> Ver también </h3> +<p><a class="external" href="http://www.w3.org/TR/REC-CSS2/generate.html#content">(CSS2 en)</a> +<a class="external" href="http://www.w3.org/TR/CSS21/generate.html#content">(CSS2 1 en)</a> +<a class="external" href="http://www.w3.org/TR/css3-content/#inserting3">(CSS3 en)</a> +</p><p><br> +</p> +<div class="noinclude"> +<p><span class="comment">Categorías</span> +</p><p><span class="comment">Interwiki Languages</span> +</p> +</div> +{{ languages( { "en": "en/CSS/content" } ) }} |