Adicionar Espaço aos Elementos
As propriedades margin, padding e border nos ajudam a adicionar mais espaço aos elementos, melhorando a aparência, legibilidade e usabilidade do recurso web. Vamos examinar cada uma delas mais de perto.
propriedade padding
padding refere-se ao espaço entre o conteúdo de um elemento e a sua borda.
Temos várias maneiras de atribuir um valor ao padding.
Abreviada
Cada Espaçamento Separadamente
Propriedade de margem
margin refere-se ao espaço entre um elemento e os elementos adjacentes. É a área fora da borda do elemento.
Podemos aplicar margem de diferentes maneiras.
Abreviado
Cada Margem Separadamente
propriedade border
border refere-se à linha que circunda o preenchimento (padding) e o conteúdo de um elemento. É a área que separa o conteúdo do elemento de sua margem (margin).
Abreviação
Isso significa que a borda de todos os lados será igual. Sua largura é de 4px, o estilo é solido e a cor é marrom.
Vamos considerar o seguinte exemplo e descobrir os possíveis estilos de borda:
index.html
index.css
index.js
Cada Borda Separadamente.
Como podemos aplicar diferentes valores de margem a diferentes lados de um elemento?
Selecione algumas respostas corretas
Tudo estava claro?
Conteúdo do Curso
CSS Fundamentals
1. Introdução ao CSS
3. Modelo de Caixa e Espaçamento de Elementos
CSS Fundamentals
Adicionar Espaço aos Elementos
As propriedades margin, padding e border nos ajudam a adicionar mais espaço aos elementos, melhorando a aparência, legibilidade e usabilidade do recurso web. Vamos examinar cada uma delas mais de perto.
propriedade padding
padding refere-se ao espaço entre o conteúdo de um elemento e a sua borda.
Temos várias maneiras de atribuir um valor ao padding.
Abreviada
Cada Espaçamento Separadamente
Propriedade de margem
margin refere-se ao espaço entre um elemento e os elementos adjacentes. É a área fora da borda do elemento.
Podemos aplicar margem de diferentes maneiras.
Abreviado
Cada Margem Separadamente
propriedade border
border refere-se à linha que circunda o preenchimento (padding) e o conteúdo de um elemento. É a área que separa o conteúdo do elemento de sua margem (margin).
Abreviação
Isso significa que a borda de todos os lados será igual. Sua largura é de 4px, o estilo é solido e a cor é marrom.
Vamos considerar o seguinte exemplo e descobrir os possíveis estilos de borda:
index.html
index.css
index.js
Cada Borda Separadamente.
Como podemos aplicar diferentes valores de margem a diferentes lados de um elemento?
Selecione algumas respostas corretas
Tudo estava claro?
