Analise as construções exibidas a seguir para definição da ...

Próximas questões
Com base no mesmo assunto
Q914388 Programação
Analise as construções exibidas a seguir para definição da propriedade CSS “padding” de um elemento.
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.
Alternativas

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:

  1. Quando um valor é fornecido, ele se aplica a todos os quatro lados.
  2. Com dois valores, o primeiro se aplica ao topo e fundo, e o segundo à direita e esquerda.
  3. Três valores aplicam-se, respectivamente, ao topo, direita e esquerda, e fundo.
  4. 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