A propriedade border-style do CSS possui diversos estilos de bordas, sendo que cada um deles permite que o desenvolvedor desenvolva uma página site que especifique o tipo de borda a ser utilizada no elemento HTML. O valor de border-style que define uma borda ranhurada 3D é
- A)dotted.
Errada, porque dotted cria uma borda pontilhada, sem efeito 3D ou ranhurado.
- B)3dsolid.
Errada, porque 3dsolid não é um valor válido de border-style no CSS.
- C)groove.
Certa, porque groove é o valor que define uma borda ranhurada com efeito 3D.
- D)3doutset.
Errada, porque 3doutset não é um valor válido de border-style no CSS.
- E)3dinset.
Errada, porque 3dinset não é um valor válido de border-style no CSS.
Gabarito: C
No CSS, a propriedade border-style define o desenho da borda do elemento, isto é, o “jeito” como ela aparece na tela. Entre os valores mais cobrados estão solid, dotted, dashed, double, groove, ridge, inset e outset. Parece detalhe de formatação, mas em prova isso vira pegadinha clássica, porque a banca troca facilmente um nome pelo outro. Aqui, o ponto central é o valor groove. Ele representa uma borda ranhurada em efeito 3D, com aparência de sulco, como se a borda estivesse “entalhada” no elemento. É exatamente essa descrição que o enunciado traz. Em termos práticos, a regra seria algo como border-style: groove;. A banca gosta de testar a memorização literal dos estilos de borda. Então, se aparecer “3D” no enunciado, você deve pensar nos estilos que simulam relevo ou profundidade, como groove, ridge, inset e outset. Mas atenção: cada um tem seu efeito visual específico, e groove é o que remete à borda ranhurada. Portanto, o gabarito correto é a alternativa C, porque groove é o valor de border-style usado para borda ranhurada 3D. Não é um nome inventado nem uma variação livre de CSS: é um valor oficial da propriedade, previsto na especificação do CSS.