mozilla

Revision 185913 of background

  • Slug da revisão: CSS/background
  • Título da revisão: background
  • ID da revisão: 185913
  • Criado:
  • Autor: Verruckt
  • É revisão atual? Não
  • Comentário
Etiquetas: 

Conteúdo da revisão

{{ CSSRef() }}

Introdução

A propriedade background é usada para ajustar os valores do fundo em um único lugar na folha de estilos. background pode ser usada com os seguintes valores adicionais: {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}.

  • Valor inicial: veja as propriedades individuais para detalhes;
  • Aplica-se a: todos os elementos;
  • Herdado: não;
  • Porcentagens: reservado para {{ Cssxref("background-position") }};
  • Mídia: Visual;
  • Valor computado: veja as propriedades individuais para detalhes.

Sintaxe

background: [background-color || background-image ||
    background-repeat || background-attachment ||
    background-position] | inherit]

Valores

background-color
Veja background-color.
background-image 
Veja background-image.
background-repeat 
Veja background-repeat.
background-attachment 
Veja background-attachment.
background-position 
Veja background-position.

Exemplos

Veja alguns exemplos.

body { 
    background: red;
}

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

Notas

Sendo uma declaração válida, a propriedade background ajusta primeiramente o background (fundo) individual para seus valores iniciais, e depois, atribui então os valores especificados na declaração. Você não precisa definir um valor para cada uma das propriedades, apenas para aquelas que você deseja alterar os valores padrões.

Especificações

Compatibilidade com navegadores

Navegador Versão mais antiga
Internet Explorer 4
Firefox 1
Netscape 6
Opera 3.5

Veja também

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


Categorias

Interwiki Language Links

{{ languages( { "en": "en/CSS/background", "fr": "fr/CSS/background", "pl": "pl/CSS/background" } ) }}

Fonte da revisão

<p>
{{ CSSRef() }}
</p>
<h3 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o"> Introdução </h3>
<p>A propriedade <code>background</code> é usada para ajustar os valores do fundo em um único lugar na folha de estilos. <code>background</code> pode ser usada com os seguintes valores adicionais: {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}.
</p>
<ul><li> Valor inicial: veja as propriedades individuais para detalhes;
</li><li> Aplica-se a: todos os elementos;
</li><li> Herdado: não;
</li><li> Porcentagens: reservado para {{ Cssxref("background-position") }};
</li><li> Mídia: <a href="pt/CSS/Media/Visual">Visual</a>;
</li><li> Valor computado: veja as propriedades individuais para detalhes.
</li></ul>
<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
<pre class="eval">background: [<i>background-color</i> || <i>background-image</i> ||
    <i>background-repeat</i> || <i>background-attachment</i> ||
    <i>background-position</i>] | <i>inherit</i>]
</pre>
<h3 id="Valores" name="Valores"> Valores </h3>
<dl><dt> background-color</dt><dd> Veja <code><a href="pt/CSS/background-color">background-color</a></code>.
</dd><dt> background-image </dt><dd> Veja <code><a href="pt/CSS/background-image">background-image</a></code>.
</dd><dt> background-repeat </dt><dd> Veja <code><a href="pt/CSS/background-repeat">background-repeat</a></code>.
</dd><dt> background-attachment </dt><dd> Veja <code><a href="pt/CSS/background-attachment">background-attachment</a></code>.
</dd><dt> background-position </dt><dd> Veja <code><a href="pt/CSS/background-position">background-position</a></code>.
</dd></dl>
<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
<p><a class="external" href="http://developer.mozilla.org/samples/cssref/background.html">Veja alguns exemplos</a>. </p>
<pre>body { 
    background: red;
}

.topbanner {
    background: url("topbanner.png") #00D repeat fixed;
}
</pre>
<h3 id="Notas" name="Notas"> Notas </h3>
<p>Sendo uma declaração válida, a propriedade <code>background</code> ajusta primeiramente o background (fundo) individual para seus valores iniciais, e depois, atribui então os valores especificados na declaração. Você não precisa definir um valor para cada uma das propriedades, apenas para aquelas que você deseja alterar os valores padrões.
</p>
<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </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 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
<table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versão mais antiga</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 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}
</p><p><br>
<span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ languages( { "en": "en/CSS/background", "fr": "fr/CSS/background", "pl": "pl/CSS/background" } ) }}
Reverter para esta revisão