CSS: 3D Box Model
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:
Author
SEO, Content Marketing & LLMs (AI) Advisor
Since 1998 I’ve lived at the intersection of technology, content and search. I’ve worked as a designer, developer, SEO and entrepreneur in projects like Solostocks, Softonic, Uvinum and Drinks&Co. Today I’m partner and SEO Manager at Mindset Digital, driving SEO for LLMs and exploring new projects. Always learning, always optimising.
Comments use Disqus, an external service that sets its own cookies.