CSS: 3D Box Model
May 20, 2004
·
1 min read
Today I came across this 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.

Other CSS resources:
- W3C Box Model
- TheNoodleIncident Box Lessons
- Tantek Box Model Hack
- CSS-Discuss Box Model Hack
- BrainJar CSS Positioning
- WPDFD Issue 54
- Listamatic: IE Box Model and Doctypes Modes
- QuirksMode Box Model Tweaking
- Jessey CSS Box Model
- CopySense Box Border Test
And what’s coming next:

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