Noções de Informática · FGV · 2025 | Questão sqc-fg108583

CSS – Propriedade border-style

Gabarito: letra C. O valor groove do CSS cria uma borda ranhurada (entalhada) em 3D, que simula uma ranhura na página. A banca testa o conhecimento dos valores específicos da propriedade border-style no CSS.

A propriedade border-style define o estilo visual das bordas de um elemento HTML. Os valores possíveis incluem none, hidden, dotted, dashed, solid, double, groove, ridge, inset e outset. Cada um tem um efeito visual distinto:

Valor	Descrição
`dotted`	Borda pontilhada (pontos)
`solid`	Borda sólida e contínua
`groove`	Borda com efeito entalhado (ranhurado) 3D
`ridge`	Borda com efeito de relevo 3D (oposto de groove)
`inset`	Borda que parece afundar (3D)
`outset`	Borda que parece saltar (3D)

Alternativa A — ❌ Incorreta

dotted define borda pontilhada, não ranhurada. É um estilo 2D, sem efeito 3D.

Alternativa B — ❌ Incorreta

3dsolid não existe como valor válido no CSS. O valor solid existe, mas é um traço contínuo 2D, não 3D.

Alternativa C — ✅ Correta ⟵ GABARITO

groove é o valor que define uma borda ranhurada 3D – exatamente o que a questão pede. Ele cria a ilusão de que a borda foi entalhada (como um sulco) na página.

Alternativa D — ❌ Incorreta

3doutset não existe como valor válido. O valor correto para efeito 3D saliente é outset, sem o prefixo "3d".

Alternativa E — ❌ Incorreta

3dinset não existe. O valor correto para efeito 3D afundado é inset, sem o prefixo "3d".

NÃO CAIA NESSA!

A banca inventa valores acrescentando o prefixo "3d" a nomes que existem (outset, inset) ou cria um híbrido (3dsolid). O candidato que não memorizou a lista exata de valores do CSS pode ser enganado. Lembre-se: os valores padrão são apenas groove, ridge, inset e outset para efeitos 3D – sem o "3d".

Gabarito: letra C.