freeCodeCamp/guide/portuguese/css/background-size/index.md

1.2 KiB

title localeTitle
Background Size Tamanho do plano de fundo

Tamanho do plano de fundo

A propriedade background-size especifica o tamanho das imagens de fundo. Você pode definir um comprimento ou uma porcentagem, com o primeiro valor sendo a largura e o segundo sendo a altura. Você também pode usar um dos cinco valores de palavras-chave:

.auto {background-size: auto;} 
 .cover {background-size: cover;} 
 .contain {background-size: contain;} 
 .initial {background-size: initial;} 
 .inherit {background-size: inherit;} 
 /* Percentage and pixel can also be used */ 
 .pixel {background-size: 50px 50px;} 
 .percentage {background-size: 50% 50%;} 

Para definir essa propriedade em várias imagens de plano de fundo, separe os valores por vírgula:

.multiple { 
    background-image: url(1.png), url(2.png); 
    background-size: 3px 3px, cover; 
 } 

Mais Informações:

Documentação: MDN

Truques CSS: tamanho de fundo

Suporte ao Navegador: caniuse