-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
101 lines (71 loc) · 2.44 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
---
title: background
slug: Web/CSS/background
---
{{CSSRef}}
## Resumo
A propriedade CSS **`background`** é um atalho para definir os valores de fundo individuais em um único lugar na folha de estilo. Background pode ser usado para definir os valores para um ou mais dos seguintes: {{cssxref("background-clip")}}, {{cssxref("background-color")}}, {{cssxref("background-image")}}, {{cssxref("background-origin")}}, {{cssxref("background-position")}} , {{cssxref("background-repeat")}}, {{cssxref("background-size")}} e {{cssxref("background-attachment")}}.
O `fundo` CSS propriedade estenográfica atribui valores dados explícitos e conjuntos de propriedades para seus valores iniciais em falta.
{{cssinfo}}
## Sintaxe
```css
/ * Usando uma <cor-de-fundo> * /
background: green;
/ * Usando uma <imagem-de-fundo> e <estilo-de-repetição> * /
background: url("test.jpg") repeat-y;
/ * Usando uma <box> e <cor-de-fundo> * /
background: border-box red;
/ * Uma única imagem, centrado e escalado * /
background: no-repeat center/80% url( "../img/image.png");
```
> **Nota:** O {{cssxref ( "background-color")}} só pode ser definido no último fundo, como há apenas uma cor de fundo para todo o elemento.
### Valores
Um ou mais dos seguintes, por qualquer ordem:
- `<anexo>`
- : Veja {{cssxref ( "background-attachment")}}
- `<box>`
- : Veja {{cssxref ( "background-clip")}}
- `<cor-de-fundo>`
- : Veja {{cssxref ( "background-color")}}
- `<imagem-de-fundo>`
- : Veja {{Cssxref ( "background-image")}}
- `<posição>`
- : Veja {{cssxref ( "background-position")}}
- `<estilo-de-repetição>`
- : Veja {{cssxref ( "background-repeat")}}
- `<tamanho-do-fundo>`
- : Veja {{cssxref ( "background-size")}}. Esta propriedade deve ser especificado após **\<posição>** , separados com o caractere '/'.
### Sintaxe formal
```
{{csssyntax}}
```
## Exemplos
### HTML
```html
<p class="Topbanner">
céu estrelado<br />
Cintilando Cintilando<br />
Céu estrelado
</p>
<p class="atencao">Este é um parágrafo</p>
<p></p>
```
### CSS
```css
.atencao {
background: red;
}
.Topbanner {
background: url("starsolid.gif") #00d repeat-y fixed;
}
```
### Resultado
{{EmbedLiveSample ( "Exemplos")}}
## Especificações
{{Specifications}}
## Compatibilidade com navegadores
{{Compat}}
## Veja também
- {{Cssxref ( "- moz-fundo-inline-política")}}
- [Usando gradientes](/pt-BR/docs/CSS/Using_CSS_gradients)
- [Vários fundos](/pt-BR/docs/CSS/Multiple_backgrounds)