{"id":856,"date":"2004-05-24T10:29:28","date_gmt":"2004-05-24T08:29:28","guid":{"rendered":"\/\/?p="},"modified":"2004-05-24T10:29:28","modified_gmt":"2004-05-24T08:29:28","slug":"css-boxmodel-in-3d","status":"publish","type":"post","link":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/","title":{"rendered":"CSS boxmodel in 3d"},"content":{"rendered":"<p>tratto da un&#8217;<a href=\"http:\/\/www.hicksdesign.co.uk\/journal\/2004\/05\/3d_css_box_model\/\">idea<\/a> di John Hicks ecco come <a href=\"http:\/\/www.redmelon.net\/tstme\/box_model\/\">funziona il BoxModel dei CSS in 3d<\/a>.<\/p>\n<p>ciuaz<\/p>\n","protected":false},"excerpt":{"rendered":"<p>tratto da un&#8217;idea di John Hicks ecco come funziona il BoxModel dei CSS in 3d. ciuaz<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[12],"tags":[],"class_list":["post-856","post","type-post","status-publish","format-standard","hentry","category-webdev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS boxmodel in 3d - Fullo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS boxmodel in 3d - Fullo\" \/>\n<meta property=\"og:description\" content=\"tratto da un&#8217;idea di John Hicks ecco come funziona il BoxModel dei CSS in 3d. ciuaz\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/\" \/>\n<meta property=\"og:site_name\" content=\"Fullo\" \/>\n<meta property=\"article:published_time\" content=\"2004-05-24T08:29:28+00:00\" \/>\n<meta name=\"author\" content=\"Francesco Fullone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fullo\" \/>\n<meta name=\"twitter:site\" content=\"@fullo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francesco Fullone\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/\"},\"author\":{\"name\":\"Francesco Fullone\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"headline\":\"CSS boxmodel in 3d\",\"datePublished\":\"2004-05-24T08:29:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/\"},\"wordCount\":21,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"articleSection\":[\"webdev\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/\",\"name\":\"CSS boxmodel in 3d - Fullo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\"},\"datePublished\":\"2004-05-24T08:29:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/2004\\\/05\\\/24\\\/css-boxmodel-in-3d\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS boxmodel in 3d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/\",\"name\":\"Fullo\",\"description\":\"nulla e&#039; impossibile per chi non lo deve fare!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/#\\\/schema\\\/person\\\/24e91bc6caea6c411a8668df5639428c\",\"name\":\"Francesco Fullone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\",\"width\":622,\"height\":622,\"caption\":\"Francesco Fullone\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.fullo.net\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1\"},\"sameAs\":[\"http:\\\/\\\/www.fullo.net\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fullo\",\"https:\\\/\\\/x.com\\\/fullo\"],\"url\":\"https:\\\/\\\/www.fullo.net\\\/blog\\\/author\\\/fullo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS boxmodel in 3d - Fullo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/","og_locale":"en_US","og_type":"article","og_title":"CSS boxmodel in 3d - Fullo","og_description":"tratto da un&#8217;idea di John Hicks ecco come funziona il BoxModel dei CSS in 3d. ciuaz","og_url":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/","og_site_name":"Fullo","article_published_time":"2004-05-24T08:29:28+00:00","author":"Francesco Fullone","twitter_card":"summary_large_image","twitter_creator":"@fullo","twitter_site":"@fullo","twitter_misc":{"Written by":"Francesco Fullone"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/#article","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/"},"author":{"name":"Francesco Fullone","@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"headline":"CSS boxmodel in 3d","datePublished":"2004-05-24T08:29:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/"},"wordCount":21,"commentCount":0,"publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"articleSection":["webdev"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/","url":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/","name":"CSS boxmodel in 3d - Fullo","isPartOf":{"@id":"https:\/\/www.fullo.net\/blog\/#website"},"datePublished":"2004-05-24T08:29:28+00:00","breadcrumb":{"@id":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fullo.net\/blog\/2004\/05\/24\/css-boxmodel-in-3d\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fullo.net\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS boxmodel in 3d"}]},{"@type":"WebSite","@id":"https:\/\/www.fullo.net\/blog\/#website","url":"https:\/\/www.fullo.net\/blog\/","name":"Fullo","description":"nulla e&#039; impossibile per chi non lo deve fare!","publisher":{"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fullo.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fullo.net\/blog\/#\/schema\/person\/24e91bc6caea6c411a8668df5639428c","name":"Francesco Fullone","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","url":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1","width":622,"height":622,"caption":"Francesco Fullone"},"logo":{"@id":"https:\/\/i0.wp.com\/www.fullo.net\/blog\/wp-content\/uploads\/2024\/10\/hawiaina-gold-circled-white.png?fit=622%2C622&ssl=1"},"sameAs":["http:\/\/www.fullo.net","https:\/\/www.linkedin.com\/in\/fullo","https:\/\/x.com\/fullo"],"url":"https:\/\/www.fullo.net\/blog\/author\/fullo\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3OSc1-dO","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1653,"url":"https:\/\/www.fullo.net\/blog\/2005\/09\/16\/tabelle-e-css\/","url_meta":{"origin":856,"position":0},"title":"Tabelle e CSS","author":"Francesco Fullone","date":"16\/09\/2005","format":false,"excerpt":"Nella nuova concezione di web design usare le tabelle per il layout \u00e8 sbagliato, banalmente non \u00e8 per\u00f2 vero il contrario... ecco un ottimo esempio di layout per tabelle :) ciuaz","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2009,"url":"https:\/\/www.fullo.net\/blog\/2006\/07\/22\/json-screenshot-ed-altro\/","url_meta":{"origin":856,"position":1},"title":"JSON, ScreenShot ed altro&#8230;","author":"Francesco Fullone","date":"22\/07\/2006","format":false,"excerpt":"Post raccolta utile a chi usa il mio blog come motore di ricerca per argomenti tecnici ;) Stefan Goesser spiega come usare JSON per creare un template engine, non male come idea... forse troppo macchinosa per\u00f2... E' stato aggiornato da Joshua il rendering engine per creare screenshot via web del\u2026","rel":"","context":"In &quot;php&quot;","block_context":{"text":"php","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/php\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2099,"url":"https:\/\/www.fullo.net\/blog\/2006\/10\/26\/eliminare-i-bordini-dei-link-attivi-di-firefox\/","url_meta":{"origin":856,"position":2},"title":"Eliminare i bordini dei link attivi di Firefox","author":"Francesco Fullone","date":"26\/10\/2006","format":false,"excerpt":"Finendo un lavoro con un cliente mi \u00e8 stato segnalato che su Firefox comparivano alcuni strani bordini sui link. Questi diventavano particolarmente anti-estetici nella barra del men\u00f9 (cliccate sull'immagine per vedere meglio l'esempio) dove \u00e8 stata usata la tecnica text-indent per il riposizionamento delle immagini. Cercando come risolvere il problema\u2026","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"Link e bordi","src":"https:\/\/i0.wp.com\/static.flickr.com\/96\/279735912_3f13bc1125_m.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":423,"url":"https:\/\/www.fullo.net\/blog\/2003\/08\/28\/css-e-fir\/","url_meta":{"origin":856,"position":3},"title":"css e fir","author":"Francesco Fullone","date":"28\/08\/2003","format":false,"excerpt":"ho letto da futa un p\u00f2 di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico... e devo dire che li ho trovato molto interessanti... unico dubbio... se all'interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l'esempio semantico va a farsi\u2026","rel":"","context":"In &quot;tecnologia&quot;","block_context":{"text":"tecnologia","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1696,"url":"https:\/\/www.fullo.net\/blog\/2005\/10\/17\/ottimizzare-i-propri-css\/","url_meta":{"origin":856,"position":4},"title":"Ottimizzare i propri CSS","author":"Francesco Fullone","date":"17\/10\/2005","format":false,"excerpt":"Normalmente quando scriviamo il CSS di un sito stiamo attenti affinch\u00e8 sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo pi\u00f9 volte lo stesso style se applicato a diversi oggetti. Operare in questo modo \u00e8 molto comodo ed efficiente\u2026","rel":"","context":"In &quot;webdev&quot;","block_context":{"text":"webdev","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/webdev\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1890,"url":"https:\/\/www.fullo.net\/blog\/2006\/03\/03\/webdev-qualche-news-dal-web\/","url_meta":{"origin":856,"position":5},"title":"WebDev, qualche news dal web","author":"Francesco Fullone","date":"03\/03\/2006","format":false,"excerpt":"Ecco la raccolta settimanale di links che meritano pi\u00f9 della semplice menzione su del.icio.us (vi ricordo che se usate i miei feed trovate anche i links pubblicati sul mio account di social bookmarking) ZK \u00e8 un framework scritto in java che sfruttando XUL, HTML e un pochino di javascript (con\u2026","rel":"","context":"In &quot;ajax&quot;","block_context":{"text":"ajax","link":"https:\/\/www.fullo.net\/blog\/category\/tecnologia\/ajax\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":0,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/posts\/856\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/media?parent=856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/categories?post=856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fullo.net\/blog\/wp-json\/wp\/v2\/tags?post=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}