CSS: 3D Box Model

May 20, 2004 · 1 min read
post

Today I came across this diagram...

3D CSS box model diagram

Very enlightening, don’t you think? Ah! If only I had known you earlier...

I found it while reading hicksdesign.co.uk.

[!] 02-05-04:
By the way, Jon Hicks has updated it (adding lines to better define the different areas and changing the background image to make it more obvious). You can also find an interactive version of the model.

Updated 3D CSS box model diagram

Other CSS resources:

And what’s coming next:

Albert López
Authors
SEO, Content Marketing & LLMs (IA) Advisor
Desde 1998 vivo en la intersección entre tecnología, contenidos y búsqueda. He sido diseñador, programador, SEO y emprendedor en proyectos como Solostocks, Softonic, Uvinum y Drinks&Co. Hoy soy socio y SEO Manager en Mindset Digital, donde impulso estrategias de SEO para LLMs y sigo explorando nuevas ideas y side projects. Siempre aprendiendo, siempre optimizando.
comments powered by Disqus