Uma novidade interessante do HTML 5 foi a definição de folhas de estilo por escopo, trazendo a possibilidade de adotar formatações específicas para o elemento e seus filhos, sem interferir no restante da página. Essa característica é utilizada pelos componentes do Angular, onde temos formatações CSS específicas, adotadas no escopo de utilização do seletor. Observe o fragmento de código que é apresentado a seguir.

.container{

display: flex; flex-direction: row; flex-wrap: wrap;

width: 100%; overflow-y: scroll; height:230px;

}

Qual informação é verdadeira, acerca da formatação que foi definida?


Especifica que o elemento formatado pela classe utilizará 100% do espaço vertical disponível.


Define uma exibição sequencial de elementos na vertical, com a quebra de linha para cada elemento filho adicionado ao corpo da tag.


Exibe uma barra de rolagem horizontal quando a quantidade de elementos ocupar uma área superior às dimensões especificadas.


Especifica que o elemento formatado pela classe terá uma largura de 100 pixels.


Permite definir uma área de exibição na forma de grid, com o posicionamento sequencial de elementos e a quebra de linha quando não há mais espaço na horizontal.