Capítulo 7. Preenchimento, bordas, contornos e margens
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
No Capítulo 6, falámos sobre os princípios básicos da apresentação de elementos. Neste capítulo, veremos as propriedades e valores CSS que podes utilizar para afetar a forma como as caixas dos elementos são desenhadas e separadas umas das outras. Estas propriedades incluem o preenchimento, os limites e as margens à volta de um elemento, bem como quaisquer contornos que possam ser adicionados.
Caixas de elementos básicos
Tal como discutido no capítulo anterior, todos os elementos do documento geram uma caixa retangular chamada caixa de elemento, que descreve a quantidade de espaço que um elemento ocupa na disposição do documento. Assim, cada caixa influencia a posição e o tamanho das caixas de outros elementos. Por exemplo, se a primeira caixa de elemento no documento tiver uma polegada de altura, a caixa seguinte começará pelo menos uma polegada abaixo do topo do documento. Se a primeira caixa de elemento for alterada e passar a ter 2 polegadas de altura, cada caixa de elemento seguinte deslocar-se-á uma polegada para baixo e a segunda caixa de elemento começará pelo menos 2 polegadas abaixo do topo dodocumento.
As caixas podem sobrepor-se se tiverem sido posicionadas manualmente ou colocadas numa grelha, e pode ocorrer sobreposição visual se forem utilizadas margens negativas em elementos de fluxo normal. ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access