background

  • Enlace amigable (slug) de la revisión: CSS/background
  • Título de la revisión: background
  • Id de la revisión: 89612
  • Creada:
  • Creador: Nathymig
  • ¿Es la revisión actual? No
  • Comentario Creo y traduzco

Contenido de la revisión

{{template.CSSRef()}}

Resumen

La propiedad background corta camino para definir los valores individuales del fondo en una única regla CSS. Se puede usar background para definir los valores de una o de todas las propiedades siguientes: {{template.Cssxref("background-attachment")}}, {{template.Cssxref("background-color", "color")}}, {{template.Cssxref("background-image", "imagen")}}, {{template.Cssxref("background-position", "posición")}}, {{template.Cssxref("background-repeat", "repetición")}}.

  • {{template.Cssxref("initial", "Valor inicial")}}: ver propiedades individuales
  • Aplicado a: todos los elementos
  • {{template.Cssxref("inherited", "Valor heredado")}}: no
  • Porcentajes: permitido en {{template.Cssxref("background-position", "posición")}}
  • Medio: {{template.Cssxref("visual")}}
  • {{template.Cssxref("computed", "Valor calculada")}}: ver propiedades individuales

Sintaxis

background: [  <background-color>    ||  <background-image>       ||
               <background-repeat>   ||  <background-attachment>  ||
               <background-position>
            ]   |   {{template.Cssxref("inherit")}} ;

Valores

background-color
ver color.
background-image 
ver imagen.
background-repeat 
ver repetición.
background-attachment 
ver background-attachment.
background-position 
ver posición.

Ejemplos

{{template.CSSRefExampleLink("background")}}

body { 
    background: red;
}

.topbanner {
    background: url("topbanner.png") #00D repeat fixed;
}

Notas

Tomando una declaración válida, la propiedad background inicia las propiedades individuales a sus valores iniciales para después asignarles los valores especificadas explícitamente en la declaración. No hay que definir un valor por cada propiedad individual, se cambia solo las que necesitamos en relación al valor por defecto.

Especificaciones

Compatibilidad de navegadores

Navegador Mínima versión
Internet Explorer 4
Firefox 1
Netscape 6
Opera 3.5

Ver también

{{template.Cssxref("background")}}, {{template.Cssxref("background-attachment")}}, {{template.Cssxref("background-color")}}, {{template.Cssxref("background-image")}}, {{template.Cssxref("background-position")}}, {{template.Cssxref("background-repeat")}}


Categorías

Interwiki Language Links


{{ wiki.languages( { "en": "en/CSS/background", "fr": "fr/CSS/background", "it": "it/CSS/background", "pl": "pl/CSS/background", "zh-cn": "cn/CSS/background", "ko": "ko/CSS/background" } ) }}

Fuente de la revisión

<p>
{{template.CSSRef()}}
</p>
<h3 name="Resumen"> Resumen </h3>
<p>La propiedad <code>background</code> corta camino para definir los valores individuales del fondo en una única regla CSS.  Se puede usar <code>background</code> para definir los valores de una o de todas las propiedades siguientes: {{template.Cssxref("background-attachment")}}, {{template.Cssxref("background-color", "color")}}, {{template.Cssxref("background-image", "imagen")}}, {{template.Cssxref("background-position", "posición")}}, {{template.Cssxref("background-repeat", "repetición")}}.
</p>
<ul><li> {{template.Cssxref("initial", "Valor inicial")}}: ver propiedades individuales
</li><li> Aplicado a: todos los elementos
</li><li> {{template.Cssxref("inherited", "Valor heredado")}}: no
</li><li> Porcentajes: permitido en {{template.Cssxref("background-position", "posición")}}
</li><li> Medio: {{template.Cssxref("visual")}}
</li><li> {{template.Cssxref("computed", "Valor calculada")}}: ver propiedades individuales
</li></ul>
<h3 name="Sintaxis"> Sintaxis</h3>
<pre class="eval">background: [  <i>&lt;background-color&gt;</i>    ||  <i>&lt;background-image&gt;</i>       ||
               <i>&lt;background-repeat&gt;</i>   ||  <i>&lt;background-attachment&gt;</i>  ||
               <i>&lt;background-position&gt;</i>
            ]   |   {{template.Cssxref("inherit")}} ;
</pre>
<h3 name="Valores"> Valores </h3>
<dl><dt> background-color</dt><dd> ver <code><a href="es/CSS/background-color">color</a></code>.
</dd><dt> background-image </dt><dd> ver <code><a href="es/CSS/background-image">imagen</a></code>.
</dd><dt> background-repeat </dt><dd> ver <code><a href="es/CSS/background-repeat">repetición</a></code>.
</dd><dt> background-attachment </dt><dd> ver <code><a href="es/CSS/background-attachment">background-attachment</a></code>.
</dd><dt> background-position </dt><dd> ver <code><a href="es/CSS/background-position">posición</a></code>.
</dd></dl>
<h3 name="Ejemplos"> Ejemplos </h3>
<p>{{template.CSSRefExampleLink("background")}}
</p>
<pre>body { 
    background: red;
}

.topbanner {
    background: url("topbanner.png") #00D repeat fixed;
}
</pre>
<h3 name="Notas"> Notas </h3>
<p>Tomando una declaración válida, la propiedad <code>background</code> inicia las propiedades individuales a sus valores iniciales para después asignarles los valores especificadas explícitamente en la declaración. No hay que definir un valor por cada propiedad individual, se cambia solo las que necesitamos en relación al valor por defecto.
</p>
<h3 name="Especificaciones"> Especificaciones </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#background">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-background">CSS 3</a>
</li></ul>
<h3 name="Compatibilidad_de_navegadores"> Compatibilidad de navegadores </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navegador</th>
    <th>Mínima versión</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>6</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>3.5</td>
  </tr>
</tbody></table>
<h3 name="Ver_tambi.C3.A9n"> Ver también </h3>
<p>{{template.Cssxref("background")}}, 
{{template.Cssxref("background-attachment")}}, 
{{template.Cssxref("background-color")}}, 
{{template.Cssxref("background-image")}}, 
{{template.Cssxref("background-position")}}, 
{{template.Cssxref("background-repeat")}}
</p><p><br>
<span class="comment">Categorías</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "en": "en/CSS/background", "fr": "fr/CSS/background", "it": "it/CSS/background", "pl": "pl/CSS/background", "zh-cn": "cn/CSS/background", "ko": "ko/CSS/background" } ) }}
Revertir a esta revisión