Sobes.tech
Junior

Quais são os valores existentes na propriedade background-size?

sobes.tech IA

Resposta da IA

auto, contain, cover, <length>, <percentage>.

  • auto: A imagem mantém as suas proporções originais.
  • contain: Altera o tamanho da imagem, mantendo as proporções, para que ela caiba completamente dentro do elemento.
  • cover: Altera o tamanho da imagem, mantendo as proporções, para que cubra completamente o elemento. A imagem pode ser cortada.
  • <length>: Define explicitamente a largura e/ou altura da imagem em unidades de comprimento (por exemplo, px, em, rem). Pode especificar um ou dois valores.
  • <percentage>: Define explicitamente a largura e/ou altura da imagem em percentagem do tamanho do elemento. Pode especificar um ou dois valores.

Se for especificado um valor, este define a largura, e a altura é calculada automaticamente para manter as proporções. Se forem especificados dois valores, o primeiro define a largura, e o segundo a altura.