Alternativa B
Conceitos Fundamentais: CSS Box Model
Para entender a resposta, é necessário dominar o Box Model (Modelo de Caixa) do CSS. Todo elemento HTML é tratado como uma caixa retangular composta por quatro camadas, da mais interna para a mais externa:
- Content (Conteúdo): Onde vai o texto ou imagem.
- Padding (Preenchimento): Espaço interno entre o conteúdo e a borda.
- Border (Borda): Linha que envolve o padding e o conteúdo.
- Margin (Margem): Espaço externo que separa o elemento de outros elementos vizinhos.
Análise das Alternativas
Vamos dissecar o papel de cada propriedade mencionada nas opções:
- (A) Definir a altura e a largura: Incorreto. Isso é feito pelas propriedades
width (largura) e height (altura). - (B) Definir a espessura da área que separa... (Resposta Correta): Esta é a alternativa correta por exclusão, embora a redação esteja tecnicamente imprecisa. O
padding define o espaço interno (preenchimento) entre o conteúdo e a borda. A alternativa usa o termo "preenchimento" para se referir ao padding, e é a única opção que descreve uma característica interna relacionada à borda. - (C) Definir a espessura das margens externas: Incorreto. Isso descreve a propriedade
margin, que é externa ao box. - (D) Definir a espessura e o estilo da borda: Incorreto. Isso descreve as propriedades
border-width e border-style. - (E) Definir a unidade utilizada para estabelecer as dimensões: Incorreto. Unidades de medida (px, em, %) são usadas para definir tamanhos, não são uma propriedade de layout do box em si.
Resumo Visual do Box Model
| Camada | Propriedade CSS | Função Principal |
|---|
| Interno | padding | Espaço entre o conteúdo e a borda |
| Contorno | border | Linha que delimita o elemento |
| Externo | margin | Espaço entre o elemento e outros elementos |
Conclusão
A propriedade padding serve para criar espaço interno dentro de um elemento, evitando que o texto encoste diretamente na borda. Portanto, a alternativa B é a correta, identificando a função de espaçamento interno (preenchimento).