Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

[Dúvida] Shorthand e o uso de barra

Para mim não ficou claro porque usamos "/" durante a utilização do shorthand.

Sabem o motivo? Ou qual padrão deverá ser seguido? (ou seja, quando eu sei que preciso colocar esta barra em caso de usar shorthand)

Link de referência: MDN Web Docs

Trecho de código para referência:

.banner__imagem{
    background: url('../../img/banner.jpg') no-repeat center / cover;
    height: calc(100vh - 72px);
    width: 100%;   
}
5 respostas

Já tentou tirar essa '/' do no-repeat center / cover;? Pelo que entendi n necessita dela...

Oi Marcus! Eu testei sim, quando tirei a "/" a imagem parou de aparecer na página.

Ai pesquisei para entender o uso da barra e quando aplicar, mas não ficou claro.

Olá Gabriella, Vi aqui que: background tem propriedades que compartilham unidades de valor (comprimento e porcentagem); sem ela não podemos distinguir quais valores são para quais. por isso a /. Pro css nao se confundir.

Ficou claro?

solução!

A barra é a sintaxe necessária para separar os valores de posição do plano de fundo e os valores de tamanho do plano de fundo. Isso é para eliminar a má interpretação dos valores especificados.

Valeu Marcos, agora entendi. Obrigada pela ajuda \o/