Analise as construções exibidas a seguir para definição da ...
p { padding: 50px; } p { padding: 50px 20px; } p { padding: 50px 20px 30px; } p { padding: 50px 20px 30px 70px; }
Assinale o número de linhas que estão corretamente declarados.
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: E - Quatro.
A questão pede para analisar diferentes maneiras de definir a propriedade padding em CSS. A propriedade padding é usada para criar espaço ao redor do conteúdo de um elemento, dentro de qualquer borda definida. Vamos entender o que cada uma das declarações de padding faz:
- p { padding: 50px; } - Aplica um padding uniforme de 50 pixels em todos os quatro lados do parágrafo (topo, direita, fundo, esquerda).
- p { padding: 50px 20px; } - Define um padding vertical de 50 pixels (topo e fundo) e um padding horizontal de 20 pixels (direita e esquerda).
- p { padding: 50px 20px 30px; } - Especifica um padding de 50 pixels no topo, 20 pixels na direita e esquerda, e 30 pixels no fundo.
- p { padding: 50px 20px 30px 70px; } - Declara especificamente os valores de padding para todos os quatro lados: 50 pixels no topo, 20 pixels na direita, 30 pixels no fundo e 70 pixels na esquerda.
Cada uma dessas declarações segue uma sintaxe válida para a propriedade padding, que permite de um a quatro valores, distribuídos de acordo com as regras do CSS:
- Quando um valor é fornecido, ele se aplica a todos os quatro lados.
- Com dois valores, o primeiro se aplica ao topo e fundo, e o segundo à direita e esquerda.
- Três valores aplicam-se, respectivamente, ao topo, direita e esquerda, e fundo.
- Quatro valores aplicam-se a cada lado em ordem horária: topo, direita, fundo e esquerda.
Portanto, as quatro linhas estão corretamente declaradas, o que faz da alternativa E a correta.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
Quem não tem acesso: - -> E
https://www.w3schools.com/css/css_padding.asp
e-
If the padding property has four values:
padding: 25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px
If the padding property has three values:
padding: 25px 50px 75px;
top padding is 25px
right and left paddings are 50px
bottom padding is 75px
If the padding property has two values:
padding: 25px 50px;
top and bottom paddings are 25px
right and left paddings are 50px
If the padding property has one value:
padding: 25px;
all four paddings are 25px
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo