Padding, Borders, Outlines, and Margins in CSS

Breve monografía de Eric A. Meyer sobre los detalles del modelo de caja de CSS, publicada como extracto de la cuarta edición de CSS: The Definitive Guide. Va dirigida a desarrolladores y diseñadores que ya escriben CSS a diario pero quieren entender con exactitud cómo se calculan y combinan los espacios y bordes de cada elemento, en lugar de ajustar valores a prueba y error.

Explica el modelo de caja y cómo interactúan sus propiedades; el relleno (padding), incluido su comportamiento en elementos en línea; los bordes con sus anchos, estilos y colores, además de las imágenes de borde (border-image) y las esquinas redondeadas; los contornos (outline), que son puramente visuales y no afectan al diseño; y los márgenes, incluidos los márgenes negativos y el colapso de márgenes verticales, una de las fuentes de confusión más comunes en CSS.

Es un texto de referencia conceptual, sin ejercicios ni proyectos, con ejemplos de código y figuras para cada caso. Su aporte es aclarar comportamientos sutiles que pocos tutoriales explican. No cubre box-sizing en profundidad ni técnicas de maquetación como Flexbox o Grid, que Meyer trata en otros títulos de la misma serie, y tampoco las propiedades lógicas (margin-inline, padding-block) que se popularizaron después.