No contexto da formatação de páginas Web, assinale o papel da propriedade padding no CSS em relação a um box.
- A)Definir a altura e a largura.
Errada, porque altura e largura sao controladas por height e width, nao por padding.
- B)Definir a espessura da área que separa as bordas do preenchimento.
Certa, pois padding e o espaco interno entre o conteudo e a borda da caixa.
- C)Definir a espessura das margens externas.
Errada, porque margens externas correspondem ao margin, que fica fora da borda.
- D)Definir a espessura e o estilo da borda.
Errada, porque espessura e estilo da borda sao definidos pela propriedade border.
- E)Definir a unidade utilizada para estabelecer as dimensões.
Errada, pois a unidade de medida e definida em cada propriedade, como px, em ou %, e nao pelo padding.
Gabarito: B
No CSS, cada elemento em uma pagina pode ser visto como uma caixa, o famoso box model. Essa caixa tem camadas bem definidas: conteudo, padding, border e margin. Parece nome de super-heroi de folha de estilo, mas a logica e bem simples: cada parte ocupa um papel diferente na separacao e no espacamento do elemento. O padding e a area interna de preenchimento, isto e, o espaco entre o conteudo e a borda. Ele aumenta o “respiro” dentro da caixa, sem ser margem externa. Se voce define padding, voce esta mexendo no espaco interno que envolve o conteudo antes de chegar na borda. Por isso o gabarito e a letra B. A alternativa descreve justamente a espessura da area que separa a borda do preenchimento, que e a ideia de padding no box model. Em termos de CSS, isso pode ser controlado com propriedades como padding, padding-top, padding-right, padding-bottom e padding-left. Em resumo: margin fica fora da borda, border e a borda em si, padding fica entre o conteudo e a borda. Se voce decorar essa ordem, ja corta metade das pegadinhas de CSS em prova.